A&K Floral Design
A&K Floral Design
Project Overview
A&K Floral Design is an existing website that needs to be redesigned. Here are a few features of the website: It's an ecommerce website for flowers. Users can view a variety of flowers and sort them according to price range. Users can select flowers and proceed to the product description page, where they can see product descriptions, prices, images, and reviews from other customers. Users can then either add the product to their cart or directly purchase it. After selecting 'buy', users can fill in the payment details and delivery address, and proceed to checkout.
Problem Statement
<span data-metadata=""><span data-buffer="">Lily loves buying flowers but encounters challenges during the process. Common issues include the difficulty in assessing the quality of flowers when purchasing online, the desire for a personalized and sensory in-person experience, and the need to balance convenience with the assurance of meeting expectations.
Goals
The goal is to redesign the website. The existing site has an outdated interface, particularly with a disorganized top navbar. The main objective is to completely revamp the website, introducing a new look and feel, enhancing user experience, and adding a prompt on the landing page for users to subscribe to offers and sales.
Design Process
User Interview Questions
Here are some of the user interview questions I asked, I interviewed 6 users.
<span data-metadata=""><span data-buffer="">Competitive Analysis
To find how other competitors handle navigation and inventory presentation.
Grid System
Desktop - 1440 PX
- Column Count: 12
- Column Width: 76px
- Gutter: 30px
User Research
The purpose of the user research process is to uncover insights that will inform the development of an enhanced online flower-buying process, addressing quality assurance, personalization, and convenience.
Factors considered when buying flowers
Decision-making for choosing a vendor
Influence of challenges or positive surprises on satisfaction
Process of making the actual
purchase
Decision between online and in-person purchase
Differences between digital and traditional experience
User Flow
User Persona
Style Guide
Typography
Colors
Icons
Wireframes
Wireframes
Usability Testing
To see how user navigate through new website and discover painpoints.
Usability Test Results
Findings
Final Designs
Final Design
Product Description
Cart Page
Checkout Page
