Modern home office setup with a monitor, ergonomic chair, keyboard, and indoor plants near a window with blinds.

Project overview

Project overview

Project overview

Groven

Groven

Groven is a mobile app designed to help shoppers quickly locate grocery items inside any store. By combining a shopping list with an interactive store map, the app guides users directly to the products they need, reducing time spent searching through aisles and making grocery trips more efficient.

Groven is a mobile app designed to help shoppers quickly locate grocery items inside any store. By combining a shopping list with an interactive store map, the app guides users directly to the products they need, reducing time spent searching through aisles and making grocery trips more efficient.

Services

UI/UX

Logo Design

Product Design

Motion

Year

Jan 2026

Tools

Figma

After Effect

Photoshop

Illustrator

Chat GPT

Modern home office setup with a monitor, ergonomic chair, keyboard, and indoor plants near a window with blinds.
Modern home office setup with a monitor, ergonomic chair, keyboard, and indoor plants near a window with blinds.

Problem

Problem

Problem

Hard to find items in stores

Hard to find items in stores

Hard to find items in stores

Grocery stores are large and often organized differently, which makes it hard for shoppers to quickly find the items they need.
People frequently walk back and forth between aisles, wasting time searching for products. This problem becomes more frustrating when shoppers are in a hurry or visiting an unfamiliar store.

Grocery stores are large and often organized differently, which makes it hard for shoppers to quickly find the items they need.
People frequently walk back and forth between aisles, wasting time searching for products. This problem becomes more frustrating when shoppers are in a hurry or visiting an unfamiliar store.

Solution

Solution

Solution

Find Items on the Store Map

Find Items on the Store Map

Find Items on the Store Map

Groven displays product locations on the store map so shoppers can quickly see where items are placed. Multiple selections are automatically organized into a shopping list.

Groven displays product locations on the store map so shoppers can quickly see where items are placed. Multiple selections are automatically organized into a shopping list.

Modern home office setup with a monitor, ergonomic chair, keyboard, and indoor plants near a window with blinds.

User Interview

User Interview

User Interview

15-minute remote interview with 5 users.

15-minute remote interview with 5 users.

15-minute remote interview with 5 users.

Users find it difficult to navigate grocery stores due to hard-to-read signs, limited staff assistance, time constraints when locating items, and high costs or preference against delivery services, while wanting to select fresh ingredients themselves.

Users find it difficult to navigate grocery stores due to hard-to-read signs, limited staff assistance, time constraints when locating items, and high costs or preference against delivery services, while wanting to select fresh ingredients themselves.

User Flow

User Flow

User Flow

Font

Font

Font

Montserrat balances personality and function. Its geometric letterforms create a modern yet approachable tone while maintaining strong readability across maps, lists, and product information.

Montserrat balances personality and function. Its geometric letterforms create a modern yet approachable tone while maintaining strong readability across maps, lists, and product information.

32px

24px

20px

16px

14px

12px

Bold

Semibold

Medium

Regular

Montserrat

Color

Color

The palette for the app uses Blue and Lime Green to bridge the gap between technical reliability and the grocery industry.

The palette for the app uses Blue and Lime Green to bridge the gap between technical reliability and the grocery industry.

#757575

Body text

#B2EC00

Secondary

Mint Green

Pale Blue

#F0F3F5

Background

#1E1E1E

Headers, Captions

#D9D9D9

Borders, Dividers

#F5F5F5

Card background

#FFFFFF

Default background

#0076EB

Primary

Blue

High-Fidelity

High-Fidelity

High-Fidelity

Utilized an 8px grid system and established a comprehensive design system to ensure visual consistency and scalability across the entire project.

Modern home office setup with a monitor, ergonomic chair, keyboard, and indoor plants near a window with blinds.

Onboarding

Through playful illustrations, the onboarding experience helps first-time users quickly grasp the app’s core features in an intuitive and enjoyable way. Illustrations were sourced from *Freepik and customized to match the app’s tone and visual identity.


Modern home office setup with a monitor, ergonomic chair, keyboard, and indoor plants near a window with blinds.

Onboarding

The homepage streamlines your grocery run: quickly resume active lists, access favorite stores, and locate nearby stores.

Through playful illustrations, the onboarding experience helps first-time users quickly grasp the app’s core features in an intuitive and enjoyable way. Illustrations were sourced from *Freepik and customized to match the app’s tone and visual identity.


Onboarding

Through playful illustrations, the onboarding experience helps first-time users quickly grasp the app’s core features in an intuitive and enjoyable way. Illustrations were sourced from *Freepik and customized to match the app’s tone and visual identity.


Modern home office setup with a monitor, ergonomic chair, keyboard, and indoor plants near a window with blinds.
Modern home office setup with a monitor, ergonomic chair, keyboard, and indoor plants near a window with blinds.

Home

The homepage streamlines your grocery run: quickly resume active lists, access favorite stores, and locate nearby stores.

The homepage streamlines your grocery run: quickly resume active lists, access favorite stores, and locate nearby stores.

Bottom Navigation Menu

Designed a bottom navigation bar featuring Home for the dashboard, List for shopping management, and Profile for user settings and preferences.

Designed a bottom navigation bar featuring Home for the dashboard, List for shopping management, and Profile for user settings and preferences.

Store map / Shopping list

User selects a store to view its map, search for items, and locate them instantly.
Items are automatically organized into a shopping list and displayed on the map.

User selects a store to view its map, search for items, and locate them instantly.
Items are automatically organized into a shopping list and displayed on the map.

Milk

ADDED

Peanut putter

Apples

In Store Navigation

User can go directly to the items they need with in-store navigation that guides them along the most efficient route.
Their shopping list is seamlessly integrated, automatically optimizing the path for a faster, more intuitive shopping experience.

User can go directly to the items they need with in-store navigation that guides them along the most efficient route.
Their shopping list is seamlessly integrated, automatically optimizing the path for a faster, more intuitive shopping experience.

Launcher Screen / Success Page

Home

The homepage streamlines your grocery run: quickly resume active lists, access favorite stores, and locate nearby stores.

Resume active shopping

Fast access to frequently visited stores.

Thank you

Create a free website with Framer, the website builder loved by startups, designers and agencies.