PROJECT:
Pinkorose - Florist Shop
ROLE:
Research, Interactions, Design
DURATION:
Oct 2021 – Nov 2021
Project Vision
Pinkorose offers wonderful design, uniquely beautiful luxury imported flowers and chocolates and gifts. Bouquets, Flowers in Boxes, Vase Arrangements, Chocolates, Personalized Gifts, Gift Boxes. Same day delivery. Very stylish note cards. Luxury Gifts.
Challenges
- Create a responsive website that works as an online store
- Build detailed informative pages for each product, from where the user can see, get information and buy flowers
- Design a simple website where people can search and find flowers and related products, with a simple but functional structure
The Problem
Lack of online florists with a wide variety of plants, flowers and gifts in the San José area.
The Goal
Design a responsive website that allows users to access a wide variety of floral products.
Starting Point - Users
I conducted interviews and created empathy maps to understand the users I am designing for and their needs. A main user group identified through the research were adults working in furnishing areas. This group of users confirmed initial assumptions about Pinko Rose's clients. Research also reveals users' wishes about what an online shopping website should offer.
Pain Points
Time
Accesibility
AI
Other Difficulties
Persona
PROBLEM STATEMENT
Sarah is an interior decorator who needs to buy different kind of flowers online because there’s not to many stores near by and they have a limited stock.
“I love flowers because they give life and color to any environment”
Sarah Rees
User journey map
Mapping Sarah’s user journey revealed how helpful it would be for users to have access to a dedicated Pinkorose website.
GOAL
An easy and quick way to order flowers.
Starting the design - Sitemap
The sitemap is intended to give a clear and agile navigation so that the user can find the products they need, buy them with great ease and be able to track the status of their purchase.
Digital Wireframes
Low-fidelity Prototype Flow
Using the completed set of digital wireframes, I created a low-fidelity prototype. The primary user flow I connected was view a product, so the prototype could be used in a usability study.
View the Pinko Rose's low-fidelity prototype
Usability study: findings
The study found the lack of florists in the area that offer a wide variety of products, that sell online and provide an easy and agile way to buy, and that likewise can receive their products promptly.
Lack of Florists Online
Low Variety
No Time
Refining the design - Mockups
Users want to be able to track their purchases, so a page with a tracking system was added that offers all the relevant information about the status of the order.
BEFORE USABILITY STUDY
AFTER USABILITY STUDY
Original Sizes: Desktop
Screen size variations: Mobile
High-fidelity Prototype Flow
The final high-fidelity prototype presented cleaner user flows for select dish options and checkout. It also met user needs for schedule a delivery.
View the Pinkorose’s high-fidelity prototype
Accesibility Considerations
Screen Readers
Navigation
Imagery
Going Forward: Takeaways
IMPACT
The website makes users feel like Pinkorose really thinks about how to meet their needs.
“I really like this website, it is easy to navigate and allows me to track my package delivery, it is definitely a website that I would use.”
WHAT I LEARNED
While designing the website for Pinkorose, I learned that the first ideas for the website are only the beginning of the process. Usability studies and peer feedback influenced each iteration of the web’s designs.
Let's Connect!
Thank you for your time reviewing my work on the Pinkorose website! If you’d like to see more or get in touch, my contact information is provided below.
Email: marisolmedrano@gmail.com