Petaly
I created this project for the Google UX design Certificare Course. Beginning from the prompt "Design a responsive website for a local florist", as UX designer I conducted all the phases of the design process.
INTRODUCTION
Based on the research, users like to gift customized bouquet based on the addresser characteristics. They also like receiving advice from the florist about creating bouquet but they are annoyed by the waiting time until their bouquet is ready. Moreover sometimes bouquet doesn’t satisfy their expectations.

The goal is to create a responsive website that allow users to order a bouquet giving them the possibility to pick it up or delivery at home option.
UNDERSTAND THE USER
During the emphasize process, I came out with the following persona. "Jana is a busy student and part time waitress who needs an intuitive website that helps her to choose and order a flowers bouquet because they want to create a perfect bouquet without frustrations."
NAME: Jana
AGE: 24
OCCUPATION: Waitress
Jana is an off-site university student and part time waitress at a restaurant in Milan. She lives with a roommate and she really miss her mom who lives in Turin. She enjoys making gifts and she really likes flowers.
Jana feels annoyed every time that has to wait her turn at the florist to get a flowers composition, especially during international mother days, and when she arrives to pick up flowers and the bouquet is not ready yet.
PREPARING THE JOURNEY
My goal was to make a strategic information architecture decisions that would improve overall website navigation. The structure I chose was designed to make this simple and easy.
WIREFLOW
Test the LO-FI prototype
After sketching out some wireframes, following a graceful degradation method, and thinking through the preliminary flow, I created a lo-fi prototype to use for a first usability study and understanding what needed to be improved.​​​​​​​
DESIGN FOR DIFFERENT SCREEN SIZES
Basing on the initial research on users' needs, I decided to create a mobile version of the website to give people the possibility to order bouquet also when they don't have a laptop with them.
ITERATION
I scheduled 4 usability tests where I asked 4 different participants to run through the main flow in my desktop lo-fi prototype in hope garnering enough feedback to use for our next set of design iterations. I came across the following insights.
REFINING THE DESIGN
Basing on the first insights, I refined the design and created a hi-fi prototype of the website which 
presented cleaner user flows for creating a customized bouquet, paying, adding to the cart a ready-to-buy bouquet, visiting about us and contact pages and login into an account.
ACCESSIBILITY
In order to make the website as accessible as possible, I have made the following considerations
- I used icons to help make navigation easier; 
- I adapted texts size to the different devices 
- I changed colors after analyzed them with a plugin to check contrast
TAKEAWAY
I learned that users needs help you a lot to come up with design ideas. After that, following step by step the design process, you’re able to find the best solutions for the problems.

You may also like

Back to Top