![mockup 2.png](https://static.wixstatic.com/media/9a9565_5253c4ba91ea468a9f9d3117830c91f9~mv2.png/v1/fill/w_600,h_535,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/mockup%202.png)
![mockup 1.png](https://static.wixstatic.com/media/9a9565_a8e13f41198e48d7afdb6ae8a80ef365~mv2.png/v1/fill/w_600,h_535,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/mockup%201.png)
Bouquemized
As a part of my Coursera design project , I was asked to design a Bouquet preview app ,that would help people book flowers flawlessly.
![2 interface.jpg](https://static.wixstatic.com/media/9a9565_40470552a2f94717a7962934d10e490d~mv2.jpg/v1/fill/w_600,h_450,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/2%20interface.jpg)
Project overview
product
This product is regarding a bouquet preview app which will enable customer to customize their own bouquets easily.
duration
2nd May - 23rd June
![mock1.png](https://static.wixstatic.com/media/9a9565_022a0475ebaa4728af79704a9f992aa6~mv2.png/v1/fill/w_223,h_462,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/mock1.png)
The problem
Almost all the Bouquets ordering or previewing app has almost the same kind of interface and design lacking creativity and experiment . I want to create a simple app design which will enable users to customize their own bouquets.
The solution
Creating a one go app with simple and easy customization which will enable users to personalize their bouquets according to the preferences, and thus adding warmth to the overall experience.
my role
UX designer , UX Researcher ,UI designer
Responsibility
Responsible for designing the app , research & visualization.
![Pink Sugar](https://static.wixstatic.com/media/4790bd8de3ad454caef0e19b3864d94f.jpg/v1/fill/w_840,h_630,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/4790bd8de3ad454caef0e19b3864d94f.jpg)
Understanding The User
01
User Research
02
Persona
03
Key insight
04
User Journey Map
User Research
I conducted Primary research by surveys , in order to gain an understanding of the Product .
![Bunch of flowers](https://static.wixstatic.com/media/11062b_dc15c489c240494c917a009a1a9b4aab~mv2.jpeg/v1/fill/w_600,h_401,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/Bunch%20of%20flowers.jpeg)
"Always keep that happy attitude. Pretend that you are holding a beautiful fragrant bouquet"
- Earl Nightingale
Research Summary -
As per the survey which was conducted with 8 participants almost 63% of them wanted a app that can customize their bouquet . The participants were based in sub urban and urban areas in India .
![survey table.png](https://static.wixstatic.com/media/9a9565_aa89eb6ba56f46beb6e84dfc6c6a8bc9~mv2.png/v1/crop/x_41,y_30,w_238,h_238/fill/w_233,h_233,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/survey%20table.png)
" Finally some one thought of that , I really like a personalized gifts and its irritating that customizing bouquets are so rare".
"I hope this has regular option too, you know less is more".
Graph showing 62.5 % response of participants have customization anticipation.
Personas
![Happy Woman](https://static.wixstatic.com/media/11062b_d534c152d80648f3b72b7fb8533dd8d9~mv2.jpg/v1/crop/x_1242,y_0,w_4237,h_4480/fill/w_329,h_348,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/Happy%20Woman.jpg)
Name : Anupama
Age : 31 y/o
Hometown : Siliguri, West Bengal
Family : Married , 1 Kid
Occupation : Financial Analyst
“I am a full time working mom with a big family what I want is everything perfect but with minimal time ”
Goals
Frustration
-
To customize bouquets with
minimal effort.
-
Be efficient
-
Make small changes everyday
-
Not satisfied with flowers quality
-
She want's everything simple and quick
-
Not able to identify her needs
Bio
Anupama has M.sc in finance and works as a lead . She is a mother to a to a toddler . Anupama has big family which means many occasions ,her busy day , she wants an easy going app that can customize a bouquet without much energy , so that she can add warmth to her special ones by customizing accordingly.
![Young Smiling Woman](https://static.wixstatic.com/media/11062b_4aad9bf2d9b549bbbc215dae4d9d2abf~mv2.jpg/v1/crop/x_924,y_0,w_3151,h_3333/fill/w_329,h_348,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/Young%20Smiling%20Woman.jpg)
Name : Kiran
Age : 22 y/o
Hometown : Siliguri, West Bengal
Family : Single, lives with parents
Occupation : Marketing intern
" I like to maintain every beautiful things may it be relations or flowers"
Goals
-
To land a marketing job
-
To own care manuals for flowers
-
To maintain special flower
Frustration
-
Unable to maintain bouquets
-
overwhelmed with varieties
-
Impatient with deliveries
Bio
Kiran is a graduate from Global business management ,she has lots of friends and colleagues , she thinks bouquets are best way to make you feel warm . She wants a app that can give her bit insight about maintaining a bouquet for extra day.
Key Insight
Throughout my research , I discovered that users have core needs for a customization of bouquets
![Florist Making Flower Bouquet](https://static.wixstatic.com/media/11062b_31eb51e7688b438ab0a4a4d8438eca31~mv2.jpg/v1/fill/w_290,h_193,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/Florist%20Making%20Flower%20Bouquet.jpg)
![Picnic Card](https://static.wixstatic.com/media/0753ba77c3b601223f6c15732209d4f7.jpg/v1/crop/x_0,y_0,w_524,h_362/fill/w_289,h_200,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/Picnic%20Card.jpg)
Bouquets care tips
Easy customization
The first step is easy customization , users doesn't want customization that is difficult to tasked.
Users want to have a note specifying what "care tips " for the bouquets they order.
User Journey Map
The below journey map was created by keeping in how a user would go around an bouquet app in order to order a bouquet from their favorite store.
![user journey final.png](https://static.wixstatic.com/media/9a9565_e46e18cde8fa4606bed2b72eab9c2126~mv2.png/v1/fill/w_790,h_581,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/user%20journey%20final.png)
Ideation
Paper wireframe
This is first wireframe which I created on the basis of my research , this is the first paper wireframe. The wireframes consist of total of 8 paper wireframes { Home > customization>Finalizing of bouquets>current orders> checkout confirm order>Final checkout > confirmation}
![wireframe 1.jpg](https://static.wixstatic.com/media/9a9565_a44c2ba8f54e4e3ea6fc4621eb0ff037~mv2.jpg/v1/fill/w_444,h_286,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/wireframe%201.jpg)
![wireframe 2.jpg](https://static.wixstatic.com/media/9a9565_ac29032cb81e4dcdac83358bb6668728~mv2.jpg/v1/fill/w_494,h_286,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/wireframe%202.jpg)
![wireframe 3.jpg](https://static.wixstatic.com/media/9a9565_6b3b042a09cc421a8c8bf6d63a6f43d6~mv2.jpg/v1/fill/w_448,h_413,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/wireframe%203.jpg)
Home screen- lo-fi
The first frame of the app is designed , keeping the research reference in mind , it has basic feature like:
-
​Search menu
-
Customizing menu
-
and regular bouquets
![phone shape lofi.png](https://static.wixstatic.com/media/9a9565_ab9dc1f415c644e183d07845d1524eb8~mv2.png/v1/fill/w_259,h_511,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/phone%20shape%20lofi.png)
Search option
Customization Menu
Regular bouquets
Usability study findings
After the first & round of usability study, below are the insight I gathered.
Usability 1st round findings
-
User felt that the "select your " page is too clustered.
-
User also want an option to edit their orders
Usability 2nd round findings
-
Users felt that they would have expected some other more clear labels beside 'next'.
-
Users also wants an option to add multiple address
-
Users wanted to view order after ordering.
Ideation After first usability study
![Screenshot 2022-07-24 115230.png](https://static.wixstatic.com/media/9a9565_3e8cff61237642a5b3da061df230dee2~mv2.png/v1/fill/w_762,h_448,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screenshot%202022-07-24%20115230.png)
According to the first prototype testing , User said that they felt that the design was tacky and confusing , therefore the I designed a revised version of the main flowchart which is crucial for my design . The revised design enable users to have better visual appearance than the prior.
Lo-fi prototype
This in lo-fi digital wireframe created on Figma, this the basic first wireframe, few iteration were done in hi-fi prototype. For the work link of the wireframe click
![custom research.png](https://static.wixstatic.com/media/9a9565_148d36a189ec487eb4857bf9b1a77c0f~mv2.png/v1/fill/w_600,h_536,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/custom%20research.png)
High Fidelity ideation & prototype
As per the findings of hi-fi prototype usability studies below are some iteration made based on user feedback.( Among the three findings , I showed only as exclusive iteration , the other two is implemented in main mockup and prototype).
Mockups
Early stage of design showed only one option to add address whereas after the usability study , I added a option to add multiple address to allow few variable to the user experience.
Before usability study
After usability study
![Delivery Details.png](https://static.wixstatic.com/media/9a9565_55efe5599c4749858502fb4ba142cfbb~mv2.png/v1/fill/w_172,h_382,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Delivery%20Details.png)
![After usability study.png](https://static.wixstatic.com/media/9a9565_6be209af59f84408ac87904453886bdc~mv2.png/v1/fill/w_177,h_393,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/After%20usability%20study.png)
Key mockups
![mock1.png](https://static.wixstatic.com/media/9a9565_022a0475ebaa4728af79704a9f992aa6~mv2.png/v1/fill/w_231,h_478,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/mock1.png)
![mock 2.png](https://static.wixstatic.com/media/9a9565_7dfaec6edb8e4b038bdfe31d97593c91~mv2.png/v1/fill/w_226,h_478,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/mock%202.png)
![mock3.png](https://static.wixstatic.com/media/9a9565_ca78dc6df58540fdacaeaa4b14b031e3~mv2.png/v1/fill/w_226,h_482,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/mock3.png)
![mock 4.png](https://static.wixstatic.com/media/9a9565_6a064d49cee64cb38db3109beab45967~mv2.png/v1/fill/w_232,h_481,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/mock%204.png)
Hi-fi Prototype
The high fidelity prototype has cleaner user flow for customizing a bouquet . It also mets user need to review their order ,add multiple address and clear navigation buttons.
​
Link to hi-fi prototype is
![main mockup prototype.png](https://static.wixstatic.com/media/9a9565_2fa55b06c4814afa87fe914b6a0518ba~mv2.png/v1/fill/w_536,h_281,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/main%20mockup%20prototype.png)
Accessibility consideration
Provide access to users who are visually impaired through adding alt to image for screen readers
Used icons to help make navigation easier
Detailed imagery for flowers and bouquets to help all user understand the design
Takeaways
Impact
The app makes users feel like bouquemized app really thinks about how to meet their needs.
One quote from peer feedback:
"The app made it so easy and fun to build my own custom bouquet! I would definitely use this app as a go-to for bouquets, its easy and exciting.
What I learned :
While designing the app , I learned that the first ideas are just beginning phase. With peer feedback and usability study their is always a scope for iteration and is always a ongoing process.
Next Steps
Conduct another round of usability study and validate whether user pain points are addressed or not.
Conduct user research to determine if their are any other areas of need.
Let's connect !
Thank you for your time reviewing my work on my Bouquemized app! If you'd like to see more get in touch, my contact information is provided below.