← All work

Sapio: Concept Design

Sapio started as a personal design exploration: what would a produce app look like if it actually understood how people want to eat? The concept grew into a full UX and UI system covering a smart grow-at-home subscription, a marketplace for pre-harvested boxes, and an onboarding flow that meets users wherever they are, whether they have a garden or just a windowsill.

Role
UX/UI Designer
Research · Interaction · Visual · Prototyping & Testing
Timeline
November 2019, March 2020
Type
Concept Design
iOS · Android · Website
Overview

Sapio is a fresh produce app, with the initiative of building smart personal farms for homes that make growing simple.

Most people don't have the time, space, or the expertise to grow their own food, so it provides an option to buy pre-harvested boxes in the comfort of home.

This app provides the user with both options, whichever is more suitable to their lifestyle, and helps them take the next step to a better life.

Background

The concept was developed as part of learning the basics of UX/UI Design. Coming from a physical product design background (jewellery and home decor), it was important to understand how design flows across different disciplines similarly and how the technical aspects keep varying as you go deeper into each.

A six-month long project that dug deep into designing for the digital medium and for users in general, learning the more specific parts of UX Design and bridging physical and digital design thinking.

Key Achievements
Understanding the Problem

The concept targets a need for people to adopt a healthier lifestyle through accessible, eco-friendly, fresh, and affordable food choices.

It creates an alternative by helping provide solutions at home, a pathway via an app that gives you how-to, when-to, and what-to-do solutions. It also provides guidance on what to buy and where to source material used in vertical farming residential models.

The target audience includes evangelists and enthusiasts looking to adopt a better lifestyle, health-conscious people, admirers of gardening and farming, and anyone willing to grow their own produce.

Design Process

The project followed a Double Diamond design process, incorporating key phases of Discovery, Definition, Ideation, and Implementation.

Double Diamond design process diagram
Design Research Quantitative Research, Takeaways
Quantitative research chart 1
Quantitative research chart 2
Quantitative research chart 3
Qualitative Research, Takeaways

People Interviewed: 09

After interviewing 9 people, 3 personas were created and divided by user segment, health conscious, bachelor living alone, and homemaker. Personas were colour-coded by personality into warm and cool tones.

Personas & Empathy Maps
Persona 1 Persona 2 Persona 3
Empathy map 1 Empathy map 2 Empathy map 3
Scenarios
Scenario 01
Keto Diet Plan, Harsh
Harsh is health-conscious with a strict daily regime. To eat per his keto plan he has to search multiple places for the right veggies. While googling, he discovers Sapio. It provides a custom keto plan with the choice of quantities and varieties, he logs in, chooses the box, and gets his supplies door-delivered.
Scenario 02
Hobby Development, Bhakti
Bhakti is an IT professional with a gruelling schedule that impacts her health. She wants a recreational activity that's both enjoyable and beneficial for her family. A colleague introduces her to Sapio. She signs up, gets a vertical farming system delivered, and starts growing her own organic vegetables at home.
Scenario 03
Holiday Hosting, Nishtha
Nishtha is hosting a Christmas party and running out of time to organise supplies. She orders a party box from Sapio, choosing her cuisines and healthy vegetable varieties and gets everything delivered to her doorstep in time.
Card Sorting
Card sorting exercise 1 Card sorting exercise 2
Sitemaps & Workflows
Workflow diagram 1 Workflow diagram 2 Workflow diagram 3
Sitemap 1 Sitemap 2
Low Fidelity Wireframes
Low fidelity wireframe, user journey: buying a farm box
Low fidelity wireframe, delivery and payment Low fidelity wireframe, product and cart
High Fidelity Wireframes
High fidelity wireframes 1
High fidelity wireframes 2
High fidelity wireframes 4
Visual Design
Platform 01
SAPIO, iOS
View case study ↗ Sapio iOS visual design
Platform 02
SAPIO, Android
View case study ↗ Sapio Android visual design
Platform 03
SAPIO, Website
View case study ↗ Sapio website visual design
Next project
Zinarya: Jewellery Design