The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Fresh Vegetable Store Mobile UI/UX — Figma, Webflow & Framer
A modern and polished fresh vegetable grocery e-commerce UI/UX concept designed to make everyday grocery shopping fast, simple, and visually engaging. The experience focuses on fresh products, easy discovery, promotional offers, and a smooth mobile shopping journey.
The design includes a location-based home screen, delivery-time indicator, product search, category browsing, promotional banners, popular products, discounts, product cards, ratings, pricing, and quick add-to-cart actions. The navigation also provides dedicated access to grocery, restaurant, pharmacy, and account experiences, creating a scalable multi-service commerce concept.
The interface was designed in Figma with a clean, modern visual system, responsive layouts, reusable components, consistent spacing, typography, and mobile-first UX principles. The design was structured for practical implementation and adaptation using Webflow and Framer, with reusable sections and scalable component patterns.
Tools Used: Figma, Webflow, Framer, UI/UX Design, Mobile UI Design, Responsive Design, E-commerce Design, Design Systems.
Key Features: Fresh grocery discovery, vegetable categories, search, delivery location, delivery-time indicators, promotional offers, discounts, popular products, product cards, ratings, pricing, add-to-cart interactions, bottom navigation, responsive layouts, reusable components, and conversion-focused shopping UX.
Keywords: Figma, Webflow, Framer, Figma UI/UX Designer, Webflow Designer, Framer Designer, Grocery Store UI, Vegetable Store UI, Fresh Grocery E-commerce, Grocery App Design, Mobile E-commerce UI, Responsive Web Design, Figma Web Design, Webflow Development, Framer Website Design.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Challenges
View all
Related posts
Icon cards for me, bouquets are such a visual purchase that a scannable icon beats reading "small/medium/large" every time. Did the compact chips version convert worse in testing, or are you still gathering data on that?
When your landing Page is so goated that you no longer need a launch video.
Thats what a landing page do for you hahahaah
What if a space brand didn’t just look futuristic — but felt like it was already living in the future?
For XPACE, the goal was to build a visual identity that could turn the idea of space exploration into a complete and immersive brand experience.
The identity combines a bold typographic system, a high-contrast visual language, and electric blue accents against deep black to create a futuristic presence that feels precise, technological, and unmistakably XPACE.
But the identity didn’t stop at the logo.
The system was extended across digital interfaces, web design, favicon and UI icons, access cards, board passes, and branded applications — creating a consistent experience across every touchpoint.
Every detail was designed to make XPACE feel less like a brand inspired by the future, and more like a brand built for it.
XPACE — Visual Identity System.
Looking to build a visual identity that goes beyond a logo?
Let’s create something with a world of its own.
The identity system feels cohesive because the typography, electric blue accents, and image language all push in the same direction. Extending that logic into interfaces and packaging is what makes XPACE feel like a real world, not just a futuristic logo.