Case study

Shopie: a shopping list app for iOS with a hi-fi prototype

Shopie was meant to simplify everyday shopping, and the client was preparing talks with advertisers and investors. We designed a shopping list app for iOS, tested it with users on an interactive hi-fi prototype in Figma and prepared a pitch deck.

For the startup Shopie, we designed an app that makes everyday shopping simpler: sortable lists, memory of previous purchases, and adding products from a ready-made list or as custom items. We also prepared a product presentation for advertisers and investors.

Scope of work

Industry: Startups
Product type: Mobile app
Market: Startup / everyday shopping (B2C)

Technologies

Flutter
Product Design

Key facts

App designed for iOS users
Onboarding with interactive tutorials
Lists sorted by preference, with memory of previous purchases
Products from a predefined list or added by the user
Interactive Hi-Fi prototype in Figma tested with users
Pitch deck for advertisers and investors

We designed a shopping list that remembers previous purchases and arranges products the way each user prefers.

Moodboard for the Shopie shopping list app

Goals

01
A simple shopping list
Adding, editing, removing and sorting products without hunting for features in menus.
02
Faster routine shopping
Remember preferences and previous purchases, so a recurring list comes together in moments.
03
A product ready for partner conversations
Show the app's value to advertisers and investors.

Process

Define Ideate Design Prototype & Delivery

Moodboarding
Moodboarding
The app's visual direction, set at the start.
Wireframing
Wireframing
The app structure and the layout of its features.
Product design
Product design
Detailed screen design: onboarding, the list and products.
Hi-fi prototyping
Hi-fi prototyping
An interactive Hi-Fi prototype in Figma, user feedback and quick fixes.

What we delivered

A Shopie app design validated on a prototype, and a product presentation for partners.

Onboarding - interactive tutorials that gradually introduce list management and settings.
Shopping list - adding, editing, removing and sorting products by preference, plus memory of previous purchases.
Products - choosing from a predefined list or creating custom items.
Figma prototype - an interactive Hi-Fi prototype for UX/UI testing with users.
Pitch deck - a presentation for advertisers and investors: the app's value, key features and market potential.

Challenge: a simple shopping list for every day

Shopie was meant to make creating and managing shopping lists easier. An app used for everyday shopping has to be, above all, simple.

The design had to make sorting products and remembering preferences easy, while staying friendly to someone opening the app for the first time. The client was also preparing for talks with advertisers and investors, so the product had to be easy to present clearly.

The goal was for Shopie to become iOS users' go-to tool for everyday shopping.

Onboarding screen of the Shopie shopping list app

New shopping list with products in the Shopie app

Solution: onboarding, sorting and purchase memory

Onboarding with interactive tutorials reveals features step by step, so first use involves no guesswork.

On the list, products are added, edited, removed and sorted according to the user's preferences. The app remembers previous purchases, so a routine list comes together in moments. Products can be picked from a predefined list or added as custom items.

Prototype and presentation

An interactive Hi-Fi prototype in Figma let us test the UX/UI with users and make fixes quickly. Alongside the UX/UI work, we helped the client prepare a pitch deck for advertisers and investors that shows Shopie's simplicity, usefulness and look.