Sweet by Holly
Role
UX Researcher, UI Designer
Duration
1.5 weeks
Team
Solo Project
Tools
Figma, Zoom, Google Suites
Tools
Figma
Overview
Instagram is a popular social media platform that started as a photo-sharing service. In 2016, the platform expanded into retail with its “Shop” feature. The goal is to become a social media users’ one-stop-shop for its 1.44 billion users.
THE CHALLENGE
Re-design a contemporary bakery e-commerce site to keep up with competitors and increase online orders.
DESIGN PROCESS
Gathering Data
Our Users' Needs
Stimulate UX
Research
Empathize
Define
Ideate
Prototype
Testing
Understand Our Users
Brainstorm Solutions
Validate with Users
Research
Before creating any ideations, we gathered data on what is currently wrong with the existing feature and how it compares to the competitors. Find out who the target demographic is for online purchases. What are their needs and frustrations?
Define
Following the research phase, I synthesized the information to guide us in interactions, navigation, product features, and visual design decisions. We looked for themes and trends within the data to make informed designs.
Persona:
A representation of the hypothetical archetype of actual users we are targeting.
The Problem
Midori wants a seamless experience ordering baked goods online because she doesn't have time to go to the bakery.
How Might We ...
HMW expedite the ordering process on Sweet by Holly?
Ideate & Design
Sketch
>
Mid Fi Wireframes
>
Hi Fi Prototype
With an understanding of users' behaviors, needs, and frustrations. We started drafting possible solutions to solve the existing problems utilizing the design studio method.
Style Guide
The original colors utilized in the existing site were straining on the eyes of some users. Users also stated that the color choices made it difficult to read.
To make the site more user-friendly and assessable, I chose a new set of colors inspired by Sweet by Holly's Logo: yellow, orange, and pink. I minimized the use of red on the site and wanted to create more fun and playful aesthetic.
Before and After
Sketch
-
With an understanding of users' behaviors, needs, and frustrations. We started drafting possible
-
With an understanding of users' behaviors, needs, and frustrations. We started drafting possible
-
With an understanding of users' behaviors, needs, and frustrations. We started drafting possible
Before and After
Sketch
-
With an understanding of users' behaviors, needs, and frustrations. We started drafting possible
-
With an understanding of users' behaviors, needs, and frustrations. We started drafting possible
-
With an understanding of users' behaviors, needs, and frustrations. We started drafting possible
Before and After
Sketch
-
With an understanding of users' behaviors, needs, and frustrations. We started drafting possible
-
With an understanding of users' behaviors, needs, and frustrations. We started drafting possible
-
With an understanding of users' behaviors, needs, and frustrations. We started drafting possible