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
Zemart | Grocery Shopping Mobile App UI Design
Most grocery apps make you search through dozens of categories before finding what you need: no smart promotions, no fast product discovery, and no way to see what's under your budget without filtering through hundreds of items.
We designed Zemart, a clean iOS grocery shopping app built for everyday shoppers who want to find food and household items fast, see real prices upfront, and add to the cart without friction.
šŖšµš®š šš² š³š¼š°ššš²š± š¼š»
ā¢ Home Feed: Location set to New York with a 20% plan upgrade banner, product rows, and a "Everything Below $20" section for promotions and budget browsing without a single filter tap.
ā¢ Category Pills: Dairy, Fruits & Vegetables, Meat & Poultry, and Snacks 100 products sorted into 4 tappable categories with discount badges visible before opening any listing.
ā¢ Product Cards: Beng-Beng Chocolate and Clevo UHT Strawberry are shown with weight, price, and a quick-add + button to add to the cart without opening the product page.
ā¢ Product Details: Chitato Supreme Cheese Potato Chips 68g at $11.00 (20% off, 4.5ā
, fast delivery) with a quantity stepper and promo warning; every purchase decision is answered on one screen.
ā¢ Bottom Nav: Explore, Search, and Purchases are three tabs; nothing is buried deeper than one tap.
Built for grocery delivery startups, food e-commerce platforms, and retail app teams building fast mobile shopping experiences.
š§š¼š¼š¹š: Figma, Jitter
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
Related posts
New Framer template WIP at Studio Duo
Arqon Studio approaches architecture as a dialogue between space and lifestyle.
Creating homes that inspire through thoughtful design and modern simplicity.
Wow, really nice layout
Good motion isn't just about animating every single element.
Small details, layered animations, rhythm, timing, meaningful direction, it all adds up.
Thatās the goal behind this Relay motion exploration.
Sound on š
ā¢ May 25
The design aesthetic is top tier!
Good one!
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid.Ā Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. Whatās yours right now?