Overview

The Blooming is an online flower shop offering fresh and beautiful bouquets for all occasions. With a simple ordering process and reliable delivery, customers can easily send the perfect arrangement to loved ones or get them for themselves. The website features a diverse selection of flowers, including options for anniversaries, and offers helpful articles on flower care and interesting flower stories.

  • Role

    UI/UX Designer,

    Visual Designer

  • Duration

    3 Weeks

  • Tool

    Adobe Illustrator

    Adobe Xd

PROJECT GOAL

Creating an online flower shopping website that offers intuitive and user-friendly shopping experience

ANAYLZE

Defining
Target Audience

I developed a user persona that represents the target audience. The primary goal of this persona is to find a trustworthy and secure flower delivery service that offers flexible delivery dates and provides information on flower care. Additionally, the persona is interested in purchasing thoughtful and memorable gifts for friends and family. By creating this user persona, I was able to better understand the needs and preferences of the target audience and ensure that the website design and features catered to their requirements.

User Persona

User persona

IDEATION

Design Process

I created a user flow. User flow is mainly focused on the purchasing process. User flow takes users from their entry point through a set of steps such as adding an item to the cart, reviewing the cart, signing in, fill out the shipping information towards a successful outcome and final action.

User Flow

User flow chart

Wireframe

wireframe

DESIGN

Design System

The design concept is soft, warm, and minimal. I used the warm and soft analogous colour scheme to keep the website warm and friendly.

wireframe

FINAL DESIGN

Hi-Fidelity
Prototype

With the result of the user testing and the style guide, I finalized high-fidelity prototype. The final prototype shows a complete idea of ​​how the Blooming website will look like in the final result.

Home

Home page

Shop

Shop page

Product

Product page

Payment

payment page

About & Login

about and login page