top of page

Flower ordering website

projects.

My role:

Product Design / Research / User Testing / UX Design / Visual Design / Interaction Design

Tool used: 

Adobe XD

The product:

Create a new website to provide a platform for users to order flowers/bouquet or any gift. The website offer variety of flowers, gifts, personalized gifts or bouquets. And user can also read blogs given at the website.

Project duration:

This project took 1month to complete

User research:

Summary

I conducted interviews and created empathy maps to understand the users I’m
designing for and their needs.

Confirmed initial assumptions about flower consumers, but research also revealed that no advantages of ordering flowers was not the only factor limiting them from ordering.  Other user problems included that they didn’t know how to find out about orders, as well as the type of flower should given on which occasion. 

Pain points

             1

No Advantages 

to Ordering flowers

             2

To deliver at the given location and on time

             3

Users Unaware of website and type of flower to give

Personas

30.JPG

Persona: Hemant kumar

Hemant is busy in work ,so he can’t visit his first niece. He want to send a bouquet to his sister for her first born.

314.JPG

Persona: Sheetal Verma

Sheetal  moms loves flower, but there was no flower shop nearby.

User journey map

354.JPG

Ideation

Paper wireframes

20220919_005944.jpg
20220919_005919.jpg

Drafting the homepage and artist page of the app on paper confirmed the element and set up would address user pain point before putting into digital wireframe.

Digital wireframes

25.JPG

As the design phase continues I made sure to base screen design feedback and finding from the research user.

Low-fidelity prototype

Capture00.JPG
Capture01.JPG

Using the completed set of digital wireframe, I created a low fidelity prototype. The primary user flow connected was order Flowers from florist from large devices. The secondary flow is for small devices.

Ideation

Paper wireframes

20220919_005944.jpg
20220919_005919.jpg

Drafting the homepage and artist page of the app on paper confirmed the element and set up would address user pain point before putting into digital wireframe.

Digital wireframes

25.JPG

As the design phase continues I made sure to base screen design feedback and finding from the research user.

Low-fidelity prototype

Capture00.JPG
Capture01.JPG

Using the completed set of digital wireframe, I created a low fidelity prototype. The primary user flow connected was order Flowers from florist from large devices. The secondary flow is for small devices.

Usability study:

STUDY TYPE                                                                                     LOCATION

Unmoderated Usability Study                                                       INDIA: Remote

Mirrored Screen Recording with Voice & Audio                                     

From user's desired location (home, vehicle, etc)

PARTICIPANTS

8 total users:

(1) w/ age range of 16-20

(2) w/ age range 21-28

(2) w/ age range of 29-39

(3) w/ age range of 40-50

Round 1 findings

  1. Need confirmation of payment type before ordering

  2. Add quantity while purchasing

  3. More payment option

Round 2 findings

  1. Need more details before clicking purchase (release date, cost, etc)

  2. Add wishlist 

UPDATES

Like in usability study the user pin point about the QR code so they can scan it. 

32.JPG

In usability study the user want to write message for the person, so we add an message writing page.

351.JPG

Mockups

54.JPG

High-fidelity prototype

20.JPG
vx.JPG

The final hi-fi prototype presented cleaner user flows, better scrolling, & more details provided to user when ordering. It also included more recognizable icons.

Accessibility considerations

              1

Navigation bar at top and bottom are always present and clickable

              2

Dates in international format for differing languages to read correctly.

              3

All colors easily readable for color blind and macular degeneration

Takeaways

Impact:

The app makes provides users to pre order any artist album in both physical or digital way. Digital album can be download by any device.

 

What I learned:

While designing, I learned that the first ideas for the app are only the beginning of the process. Usability studies and peer feedback influenced each iteration of the app’s designs. 

  • Dribbble
  • Instagram
  • LinkedIn
bottom of page