Freelancers using CSS in Madhya PradeshFreelancers using CSS in Madhya Pradesh
ProjectsPeople
Vivek Jat's avatar
Vivek Jat
Indore, India
UI/UX and modern web design for fast-growing Businesses
New to Contra
UI/UX and modern web design for fast-growing Businesses
Cover image for The Client & Goal Athiti Devo
The Client & Goal Athiti Devo Bhava is a comprehensive travel and hospitality platform dedicated to authentic Indian experiences. The client needed a robust web interface capable of handling three distinct business verticals—Stays, Food, and Rides—within a single, unified booking experience. The Design Approach To capture the essence of "Discover the Real India," I opted for an earthy, premium color palette featuring deep forest greens and warm cream backgrounds. The design balances heavy photographic storytelling with clean, high-conversion UI elements, ensuring the interface feels both inspiring and highly functional. Key UI/UX Solutions: Unified Booking Engine: Designed a prominent, multi-tab hero search widget (Stays, Food, Rides) allowing users to input destinations and dates immediately upon landing. Categorized Discovery Cards: Structured complex offerings into clean, scannable visual cards such as "Authentic Homestays," "Historic Food," and "Trusted Rides" to simplify user navigation. Cultural Storytelling: Integrated bespoke illustrations, such as the vibrant Indian cityscape banner, to reinforce the brand's cultural identity while promoting their "One account for stays, food & rides" feature. Two-Sided Marketplace Funnel: Created a dedicated onboarding section ("Start Your Journey With ATHITI") tailored for supply-side acquisition, featuring distinct CTAs for Homestay Hosts, Food Partners, and Ride Partners. The Result A sprawling, fully responsive marketplace design that effortlessly organizes a massive amount of travel data. The Figma files were delivered with modular components for the booking widgets and discovery cards, allowing the development team to scale the platform seamlessly.
1
54
Cover image for Hoxtan is a premium digital
Hoxtan is a premium digital bullion platform allowing users to buy, sell, and auto-invest in live gold and silver. They needed a high-trust, conversion-focused landing page to drive app downloads and clearly communicate complex financial features to modern investors. URL - https://hoxtandigigold.com/ The Design Approach To establish immediate trust and a sense of luxury, I utilized a sleek, dark-mode aesthetic with high-contrast gold and white typography. The primary objective was to reduce friction for new investors, so I structured the information architecture around a seamless, scannable layout. Key UI/UX Solutions: Live Data Integration UI: Designed dynamic "Live Market Rates" cards right at the top of the hero section so users see immediate value without scrolling. Trust Signals: Prominently integrated trust badges (99.9% Purity, 256-bit Encryption, 24/7 Support) directly below the main Call-to-Action. Scannable Feature Grid: Organized complex offerings (Auto-Invest, Secure Vault, KYC) into clean, modern bento-style interactive cards. Simplified User Journey: Created a visual "4 Easy Steps" timeline to demystify the investment process and encourage immediate onboarding. The Result A production-ready, pixel-perfect Figma design that seamlessly bridges modern financial aesthetics with CRO (Conversion Rate Optimization) principles, giving the development team a clear, accessible blueprint to build the frontend.
0
47
Cover image for The Client & Goal Davasathi is
The Client & Goal Davasathi is a comprehensive online medical store and healthcare platform. They required a robust, user-friendly e-commerce interface that allowed users to easily search for medicines, read trusted healthcare information, and seamlessly download their mobile application. The Design Approach Trust is the most critical conversion factor in the healthcare industry. I designed the platform using a clinical, clean blue-and-white visual identity to project reliability and hygiene. The layout was structured to balance a heavy product catalog with clear, educational, and trust-building sections. Key UI/UX Solutions: Frictionless Discovery: Designed a prominent "Find Your Medicines" search bar paired with a clean, high-contrast product grid featuring clear pricing and quick "Add" CTAs. Conversion & Retention Prompts: Integrated an eye-catching promotional banner (Save 25%) and a dedicated mobile app download section with high-fidelity device mockups to drive multi-platform user retention. Trust Architecture: Strategically placed trust signals throughout the page, including a statistics bar (e.g., 82+ partners), a "Trusted Online Medical Store" bio, and clear icons for reliable, 24/7 care. User Education: Built a clean "How Our Platform Works" timeline and a dedicated FAQ section to resolve buyer hesitations instantly. The Result A modern, responsive e-commerce web design tailored specifically for the medical niche. The layout prioritizes accessibility and clear navigation, ensuring users of all demographics can confidently purchase healthcare products and transition to the mobile app.
0
44
Cover image for The Client & Goal Rexarix is
The Client & Goal Rexarix is an innovative marketing platform designed to help brands grow through real people rather than just algorithms. They needed a high-impact, premium landing page to attract businesses, clearly explain their unique "pay only for verified posts" model, and drive mobile app downloads. The Design Approach To establish a sense of authority, trust, and modern technology, I utilized a deep dark-mode aesthetic paired with luxurious gold and vibrant teal accents. The visual hierarchy was structured to immediately communicate the platform's core value proposition while guiding the user through a logical conversion funnel. Key UI/UX Solutions: High-Impact Hero Section: Designed a striking hero area pairing the primary USP ("Pay Only For Verified Posts") with a high-fidelity mobile UI mockup that visually demonstrates the post-verification process. Strategic Contrast: Introduced a stark white "Power Your Brand" card in the second section to intentionally break the dark mode flow, capturing user attention for key branding statements. Process Visualization: Deconstructed complex AdTech workflows into a simple, scannable 4-step pipeline: Launch Campaign → Real People Share → Verification → Pay for Results. Modular Feature Grids: Organized the platform's capabilities (Campaign Management, Verified Audience, Campaign Analytics) into clean, bento-style UI cards for effortless reading. Seamless App Handoff: Integrated a dedicated "Take Your Business Wherever You Go" section featuring clean mobile screens and Google Play download CTAs to drive cross-platform adoption. The Result A sophisticated, conversion-optimized SaaS landing page that bridges complex advertising technology with an intuitive, user-centric visual experience. The dark UI combined with strategic color accents provides a highly polished, developer-ready asset.
1
40
CSS(1)
Vanshhh? 's avatar
Vanshhh?
Bhopal, India
Design Engineer
Design Engineer
Cover image for Anime World
Anime World
1
11
Cover image for Weather App
Weather App
1
7
Cover image for Nether UI is finally starting
Nether UI is finally starting to feel like a real product. 😭 Spent way too long tweaking the motion, transitions, and tiny details until everything started feeling right. This is the part of frontend I love most: taking something static and making it feel alive. Still early, but the landing page is coming together. PS: The showcase images are placeholders for now. They’ll be replaced with my own components as I build Nether UI out.
1
29
Cover image for First time designing in Figma,
First time designing in Figma, and I finally understand why designers charge what they do. As a developer, I'm used to solving problems with code. In Figma, I spent hours figuring out Auto Layout, frames vs groups, layer management, spacing, and trying not to break everything. It was frustrating, but also really fun. Here's my first hero section from scratch. Plenty to improve, but every project starts somewhere. Feedback is always welcome. 🌿
1
80
CSS(2)
Jyotsna Shrivastava's avatar
Jyotsna Shrivastava
Gwalior, India
Fast, Affordable UI/UX & Content Services
Fast, Affordable UI/UX & Content Services
Cover image for Move It
Move It
0
7
Cover image for Mojito Oasis
Mojito Oasis
0
5
Cover image for Social Links Profile
Social Links Profile
0
7
Cover image for Online MCQ Quiz
Online MCQ Quiz
0
6
CSS(4)
Tushar Mishra's avatar
Tushar Mishra
Indore, India
Frontend Developer | React & JS | Focused on Performance
Frontend Developer | React & JS | Focused on Performance
Cover image for Calendar Notes Pro Development
Calendar Notes Pro Development
0
5
Cover image for GitHub - tm33976/visual-healthcare: visual-healthcare
GitHub - tm33976/visual-healthcare: visual-healthcare
0
3
Cover image for Habit Tracker App
Habit Tracker App
0
5
Placeholder project card media
View more →
CSS(1)
Ved Bahe's avatar
Ved Bahe
Bhopal, India
Restaurant & Cafe Website Designer | Hospitality Brands
Restaurant & Cafe Website Designer | Hospitality Brands
Cover image for How do you translate the
How do you translate the physical warmth and aroma of a local cafe into a digital interface? I designed and developed this landing page for 'Thunder Cafe' to elevate their online presence and turn website visitors into real-life customers. The goal was to capture their "cozy vibes and real flavors" while driving direct reservations. Design & UI/UX Strategy: Striking Visuals: I utilized a modern split-screen layout, contrasting deep 'dark roast brown' with 'warm cream' to instantly evoke the feeling of a premium coffee shop. Attention-Grabbing Elements: A central 3D coffee cup acts as a visual bridge between the two sections, keeping the user engaged. The elegant serif typography adds a sophisticated yet welcoming touch.
0
63
Cover image for Hey Contra community! 👋 I
Hey Contra community! 👋 I just finished building two custom web experiences: A premium, cinematic GSAP-animated website for a heritage restaurant concept. 🌳 A high-converting, modern landing page for a Cafe. ☕ I specialize in Frontend Development, GSAP animations, and UI/UX design. Currently taking on new freelance projects. Let's build something extraordinary! 🚀 https://thunder-cafe-7mr6.vercel.app/ https://underthejamuntree.vercel.app/
2
56
Cover image for How do you translate the
How do you translate the serene experience of dining under an ancient tree into a digital interface? This is a concept website redesign for 'Under the Jamun Tree,' a premium heritage restaurant located in Bhopal, India. My goal was to build an immersive, cinematic, and highly interactive landing page that reflects the earthy, luxurious, and nature-inspired vibe of the actual location. The Core Magic (Interactive Scroll): The centerpiece of this project is a complex, scroll-triggered SVG animation. As the user scrolls down the page, a custom-designed Jamun tree dynamically "grows"—its trunk extends, branches fan out, leaves bloom, and the signature purple berries drop perfectly in sync with the scroll position.
0
60
Cover image for ✨ Redefining the digital luxury
✨ Redefining the digital luxury salon experience! Here is a look at "Hair House at Xeta" — a premium web experience I recently developed. My main focus was on combining a smooth, intuitive booking flow with cinematic transitions and a brand-forward visual language that screams premium. 🛠️ Tech & Focus: React, GSAP, Tailwind CSS, and seamless UX design. Looking to elevate your beauty or lifestyle brand's digital presence? Let's collaborate and build something extraordinary! 🤝 #CreativeDeveloper #WebDesign #ReactJS #LuxuryBrand #UIUX #BookingUX
0
64
CSS(1)
Harsh Prajapati's avatar
Harsh Prajapati
Bhopal, India
Full Stack Web Developer
5.0
Rating
15
Followers
Full Stack Web Developer
Cover image for A walkthrough of workflow
A walkthrough of workflow
2
14
993
Cover image for Login system
Login system
2
11
412
Cover image for Whatsnot Automation
Whatsnot Automation
7
8
Cover image for End-to-End SaaS Product Development and Optimization
End-to-End SaaS Product Development and Optimization
8
9
CSS(2)
Inventiko Creative's avatar
Inventiko Creative
Indore, India
Crafting Tomorrow, Today
Crafting Tomorrow, Today
Cover image for Customized CRM
Customized CRM
0
5
Cover image for TECHFIRE- Alpha TWS
TECHFIRE- Alpha TWS
0
7
Cover image for oneplus- op-971
oneplus- op-971
0
7
Cover image for oneplus- HTC AT-118
oneplus- HTC AT-118
0
16
CSS(1)