.png)
The Flower Gallery
UX/UI
2024
App for customers seeking personalized floral arrangements and florists looking to showcase their work and connect with customers.
Overview of
The Flower Gallery
A passion project of mine, The Flower Gallery is an app designed to provide a seamless flower service experience. Users can explore a variety of floral styles, connect with florists, and easily place personalized orders. Key features such as in-app messaging, favorites, and an intuitive buying process ensure a smooth and engaging experience for all users.
Problem
Aspiring and small-scale florists lack an accessible platform to showcase their work and connect with customers, while customers struggle to find diverse, personalized floral arrangments tailored to their needs.
Goal
The Flower Gallery app creates a marketplace where florists—both certified and self-taught—can showcase their portfolios, set pricing, and define policies. Customers can easily browse, compare, and choose florists based on location and style, fostering a community-driven floral exchange.
Market Research
Evaluation of the strengths and weaknesses in existing floral apps, particularly in user experience, customer service, and feature offerings, to identify industry gaps. This helped me position my app as a unique marketplace that addresses unmet needs, such as seamless florist-customer interaction, personalized orders, and enhanced usability.
I researched the top 4 apps by defining evaluation criteria such as usability, design, and features, then analyzed app store rankings, user reviews, and expert feedback. Finally, I conducted hands-on testing and a comparative analysis to identify their strengths and weaknesses.
Cons: Not user-friendly; difficult order placement with Apple Pay and poor interaction design.
Cons: Customer service challenges: Difficult to resolve issues promptly.
Cons: Lacks real-time order tracking, limiting transparency for users.
Cons: Limited service availability to specific regions.
Continue providing diverse range of flower arrangements with simplify navigation, streamline order placement with real-time tracking, enhance customer support responsiveness, and expand regional availability to improve the overall user experience.
Personas and User Journey Mapping
I started by developing user personas to understand the target audience's goals, needs, and behaviors. Then, I mapped out their journey step-by-step, highlighting key touchpoints, emotions, and opportunities for improvement.
I developed user personas by conducting surveys and interviews to understand the target audience's demographics, goals, and challenges. The findings were synthesized into two detailed personas—The Florist and The Customer—highlighting their motivations, behaviors, and pain points to inform and guide design decisions effectively.
For the user journey mapping, I focused on the Customer persona, analyzing their motivations, behaviors, and pain points. I outlined the step-by-step experience they might go through, considering key touchpoints, emotions, and challenges, to identify opportunities for enhancing their journey.
I created the user flow by mapping out the key steps a user takes to achieve their goals within the app. This process ensured a logical and intuitive progression, highlighting entry points, decision paths, and touchpoints to optimize the overall experience. In this case, the user flow diagram uses green and purple rectangles to identify the screens, green circles to represent the user's actions, solid black arrows to indicate the continuation of the process, and dotted gray lines to show where the user returns to a specific screen. This visual structure provides a clear and detailed representation of the user's flow through the app.
%20(1).jpg)
the process of
Ideation and Concept Development
Brainstorming Sketches
While brainstorming, I used pen and paper to quickly visualize potential interface layouts through sketching the interface, focusing on exploring ideas and establishing the overall structure of the design.
Inspiration
To gather inspiration for the design, I created a mood board on Pinterest featuring app interfaces that I found visually compelling, alongside a collection of flower images. This helped me explore diverse design styles and visualize a cohesive color palette that reflects the app's theme. By analyzing these references, I was able to align the interface's aesthetic with the floral concept, ensuring an engaging and visually appealing user experience.
There are some images sourced from Pinterest used in this portfolio for educational purposes only, serving as placeholders to illustrate design concepts. All rights to these images belong to their respective owners, and no commercial use or distribution is intended. These images are used solely to demonstrate design skills and creativity within an academic context.
the process of
Design and Prototyping
I created a black-and-white wireframe in Figma to map out the app's structure, prioritizing functionality and layout. By using basic shapes and text placeholders, I represented each screen and its functional elements. This streamlined approach ensures the design emphasizes usability while providing a solid foundation for further refinement.
.jpg)
A detailed, polished representations of the app's design that closely resemble the final product. They include visual elements like colors, typography, imagery, and branding, along with realistic spacing and interactive components.
