Project Name: Florap
Role: UX Researcher, UI Designer
I worked on this project alone as a part of Google UX Design Certificate Program.
Duration: April 2021 to June 2021
Project
Florap is a flower arrangement app that allows user browse different flower arrangements and how to do a DIY flower arrangement from the comfort of their homes.
Objective
The aim is to design an experience that would help users that make quick decision on flower arrangements.
User research: summary
I conducted interviews and created user journey maps to understand the users I’m designing for and their needs. A primary user group identified through research was working adults who finds it hard to decide on a flower arrangement. This user groups confirms initial assumption about decision-making on flower arrangements.
Meet one of the personas
User Journey Map
Paper Wireframe
Taking the time to draft iterations of each screen of the app on paper ensured that the elements
that made it to digital wireframes would be well-suited to address user pain points. For the home screen,
I prioritized a quick
and easy browsing process to help users save time.
Digital Wireframe
Using Figma, I built a low-fidelity wireframe for the responsive website.
Mockups
By testing the lo-fi prototype through a usability study, It appeared that I'm ready to move forward
with the process and start drawing my mockups for the main user flow of the website so that I can turn them later into a working
prototype.
Now the design really begins to take shape: actual text is used, colors are applied, and images are added. This mockup shows a visual that gives a better idea of the final design.
Iteration
After creating the mockup, a usability study was conducted to figure out how easy and intuitive it is to complete the user flow of the app.
The final polished design
The main flow of the app is fully developed and gives a complete picture of the app's main task which is adding medicine schedule.
It addresses the user’s needs for a simple, yet engaging and uncluttered design.
Takeaway
I learned that even a small design change can have a huge impact on the user experience and that the first ideation progress is just the begining and not the end. The most important takeaway for me is to always focus on the real needs of the user when coming up with design ideas and solutions
Accessibility Considerations
Used icons to help make navigation easier.
Used detailed imagery for flowers arrangement to help all users better understand the designs.
Provided access to users who are vision impaired through adding alt text to images for screen readers.
To view the complete case study please visit the process deck
Process Deck