.jpg)
Fairy Flower Mobbile App
Project overview
Fairy Flower is a local flower shop based in Bulgaria. Fairy Flower is expanding and striving to deliver flowers throughout the country. Orders are processed through the app.
.jpg)
Design process
Empathize
Define
Ideate
Prototype
Test
My role
Leading Ux designer designing an app for Fairy Flower from conception to delivery.
Responsibilities
-
Conducting interviews;
-
Paper and digital wireframing;
-
Low fidelity prototyping;
-
High fidelity prototyping;
-
Conducting usability studies;
-
Accounting for accessibility;
-
Iterating on design;
Duration
November 2022 - December 2022
Problem
Busy customers who want to order flowers without visiting a shop.
Goal
Design an app for Fairy Flower that allows users to order flowers quickly and easily.
User research
Summary
I conducted unmoderated research and created empathy maps to understand the needs and issues of the users I'm designing for. A primary user group identified through the research was busy adults who need flowers for various occasions or occasions but don't have time to go to a store.
This user group confirmed the initial assumptions about Fairy Flowers' customers, but the research also revealed that customers need a tracking service system and a set time and date for delivery.
User pain points
1
Busy adults don't have time to go to a flower store to buy flowers.
2
Large online bouquet stores have extensive menus and too many options, and some of them don't offer an option for payment by card.
3
Most of the existing websites don't provide liveorder tracking system.
4
Most websites are not equipped with assistive technologies.
Persona
Creating a user persona is an important step in understanding the target users' primary needs and challenges for the application. Gathering information as part of the research and creating a notional representation based on real data can help develop better solutions that meet user needs and goals.
Problem statement
Maria is a mother of two young children and is on maternity leave. She needs to be able to order flowers online for an event because she doesn't have time to go to a shop.
User journey map
Mapping Maria's User Journey showed how useful it would be for users to add payment by card and live tracking of delivery.
.jpg)
Competitive analysis
.jpg)
Paper wireframes
I took the time to design four different versions of the app's home screen on paper to ensure that the elements that went into the digital wireframes were well-suited to solve users' problems. The final version was selected as the home screen. The elements are a combination of the previous design that were deemed most appropriate.
.jpg)
Digital wireframes
In the initial design phase, I made sure to base the screen designs on user research feedback and findings.
.jpg)
Low-fidelity prototype
Design system
Color
Buttons
Icons
Primary
#26786A
Secondary
#EAACA3
Secondary 2
#EAEAEA
Typography
Components
.jpg)
Mockups
The final high-fidelity prototype presents clean and understandable user flow how to order a bouquet.
.jpg)
