A smoother way to shop for everyday groceries.
Grovia is a mobile grocery shopping experience designed around real shopping habits — discovering products, repeating familiar orders, completing checkout, and following delivery in one continuous flow.
People often buy the same products week after week, yet many shopping apps make them search, select, and rebuild every order from the beginning. Grovia explores how a familiar household task can become faster, calmer, and easier to repeat.
“Less time rebuilding lists. More time for everyday life.”
Grovia combines product discovery, favourites, shopping history, checkout, loyalty rewards, profile management, and delivery tracking in one mobile experience.
Reduce repeated effort across everyday grocery shopping.
Busy, price-aware people who regularly repurchase familiar products.
Create a clear shopping flow that supports both discovery and repetition.
Buying groceries is routine, but the digital journey often includes unnecessary searching, repeated decisions, and uncertainty after checkout.
Users repeatedly search for products they already purchase regularly.
Manual lists and memory increase the chance of forgotten items.
Promotions are useful only when they are easy to notice and understand.
After payment, users want to know what is happening with their order.
Before designing screens, I looked at the routines behind them.
Many users buy a similar group of products every week.
People forget items or rebuild lists from scratch.
A lower price matters only when it is visible and easy to compare.
After checkout, users want clear and timely progress information.
“Most weeks I buy the same things. I shouldn’t have to start from zero every time.”
Shop for the household quickly, reuse familiar orders, and catch good-value offers.
Rebuilding lists each week, forgetting items, and unclear delivery status.
Shops once or twice a week on mobile and saves favourites.
Between meetings, she reorders the weekly basket and schedules an evening delivery.
The journey showed that much of the friction happens before payment — while planning, remembering, searching, and rebuilding a familiar order.
A busy grocery shopper needs a faster way to rebuild recurring orders because searching for the same products every week wastes time and increases the chance of forgetting something.
Clear categories, filters, promotions, and visual product cards reduce unnecessary searching.
Favourites and previous shopping lists help users begin with something familiar instead of starting again.
Order confirmation and delivery tracking reduce uncertainty after payment.
Frequent actions stay within reach in the bottom navigation, while personal settings and support tools remain inside the profile area.
“Yesterday’s shopping list can become today’s cart without rebuilding it item by item.”
Before adding colour and personality, I focused on structure, task order, and decision points.
The first wireframes reduced the experience to its essential actions: finding products, building a cart, reusing a list, paying, and tracking an order.
Final interface The low-fidelity prototype connected the core screens into realistic tasks, allowing the flow to be evaluated before investing in detailed visual design.
Open low-fi prototypeThe low-fidelity prototype was tested through realistic grocery-shopping tasks. Observations and think-aloud feedback helped identify points of hesitation and unnecessary effort.
“I found yesterday’s list, but I wasn’t sure how to put it back in my cart.”
The history screen showed past lists, but the next action was not sufficiently clear.
Added a clear selected state and a contextual “Load Selected List” action.
“I know I’m checking out, but how many steps are left?”
Users needed a stronger sense of progress during checkout.
Added a visible three-step checkout indicator.
“The order is confirmed. Where can I see what happens next?”
Confirmation alone did not provide enough reassurance.
Added the “Track Your Delivery” CTA and persistent delivery progress.
“I saw the price, but I almost missed that it was a special offer.”
Promotion labels and price differences needed stronger hierarchy.
Strengthened the Best Price badge, sale price, and contrast.
The visual language combines natural greens with warm neutral surfaces. Rounded components and generous touch areas make the interface feel approachable, while stronger accent colours help prices and promotions stand out.
.png)
The final interface follows the complete journey — from account setup and product discovery to checkout and delivery.
Login, registration, password recovery, and email confirmation use familiar patterns and consistent guidance.
Consistent forms reduce learning between account-related tasks.
The home screen balances promotions, categories, and recent products without forcing users into a single browsing path.
Offers without searching.
Best-price promotions and recent products surface on the home screen, so a familiar basket is only a tap away.
Categories built for quick scanning Filters that narrow the choice 
Product listing at a glance 
Product details before commitment Favourites and previous shopping lists help users prepare the next order without repeating every decision.
“Yesterday’s list can become today’s cart in one clear action.”
A selected radio state marks the chosen list, and a single Load to Cart control returns it to the basket — no item-by-item rebuilding.
Checkout is divided into three focused steps, helping users understand where they are and what comes next. A three-step progress indicator stays visible throughout.
Step 1 · Delivery details Saved addresses reduce repeated typing.
Step 2 · Payment method Multiple payment methods remain easy to compare.
Step 3 · Confirm order The final review prevents accidental confirmation.
A successful payment should not leave the user wondering what happens next.
Clear confirmation, a direct Track Your Delivery next step, and no dead end.
Delivery progress remains visible across the experience, allowing users to check the current status without searching through menus.
A persistent delivery bar on Home Full status inside the profile The profile brings together loyalty points, delivery addresses, payment methods, active orders, settings, and support.
Reusable components, variables, overlays, and interactive states helped keep the prototype consistent and realistic.
Built in Figma with variables, overlays, responsive components, and realistic interactive forms.
Accessibility was treated as part of everyday usability, not as a final visual adjustment. Designed with WCAG principles in mind.
Text, prices, and controls maintain clear separation from their backgrounds.
Primary controls and navigation items are designed for comfortable mobile interaction.
Selected, active, favourite, progress, and error states are communicated visually.
Buttons and forms use direct labels that describe the expected action.
Favourites and shopping history reduce repeated searching.
A visible step structure supports confident decisions.
Confirmation and tracking keep users informed after payment.
This project helped me explore how thoughtful navigation, reusable shopping lists, clear feedback, and realistic prototyping can make an everyday product feel genuinely helpful.