Deep Sleep
Create low-fidelity wireframes of the purchase journey.
LOW-FIDELITY SCREENS FOR WELLNESS COMPANY
OVERVIEW:
The Nutrition Clinic is an established wellness company in Singapore looking to create a new product Deep Sleep, which provides a program and products to give customers the tools to improve their nightly rituals and sleep regimens. This soon-to-launch product will run as a sister brand to their current company.
The Nutrition Clinic is in need of UX/UI designers to create low fidelity versions of the purchase journey, the process that consumers go through to become aware of, evaluate, and make a purchase, for their new product, Deep Sleep.
My job was to work as a team with a fellow designer to analyze market and user research and design low-fidelity screens to effectively establish the Deep Sleep site.
Duration
November 2021- December 2021
Role
Research | Wireframing
Tools Used
Figma | Overflow | Zoom
PROBLEM/CHALLENGE:
The majority of Singaporeans are sleep deprived.
Sleep is a major issue for most Singaporeans due to their culture and lifestyle. The Nutrition Clinic is a wellness consultant firm which offers customers access to wellness testing, nutrition advice, and supplements to improve their overall health. This program typically costs over $2,000. With this high price, they have limited their market to high-earning individuals with an age range of 35- 55 years old. This price point makes them inaccessible to reach a larger audience.
[THE NUTRITION CLINIC EXISTING SITE - SERVICE DETAIL]
EMPATHIZE:
Kickoff meeting with the team.
First and most importantly was to meet with the team and become more familiar with stakeholder perspectives while also learning a little bit about each other. The goal of this meeting was to also become familiar with user needs and pain points.
With the goal of launching a more affordable product, we first set out to understand what potential customers are looking for in this space and what issues current customers have with the existing product and service.
We conducted surveys and market research for guidance towards an appropriate solution.
[SURVEY HIGHLIGHTS]
The target market.
Deep Sleep will position their new service towards a younger, working, tired demographic of men and women in Singapore ages 20- 40 years old. With a lower price point, Deep Sleep will reach a larger audience.
DESIGN:
Creating the blueprints.
The needed deliverables of this job was to create a low fidelity version of the Deep Sleep home and product page.
My first goal was to create a homepage to tell the story of the brand and product.
Next, I created a product page to display information necessary for the user to understand the product and feel comfortable making a purchase.
[STRUCTURE TO FIRST SKETCH - HOME PAGE]
[STRUCTURE TO FIRST SKETCH - PRODUCT PAGE]
Converting sketches onto Figma.
My design partner and I met with the team at Deep Sleep and decided on some basic layouts and structures of each page. We moved forward with creating the first draft in low-fidelity.
After the first draft, we had multiple meetings and made revisions to each page to best fulfill the goals of the Deep Sleep team.
[HOME PAGE]
[FIRST EDIT]
[FINAL EDIT]
[PRODUCT PAGE]
[FIRST EDIT]
[FINAL EDIT]
THE RESULTS:
A word from the stakeholders.
Once we decided on a final design, we presented to the members of the Deep Sleep team. Their feedback was overwhelmingly positive. More specifically, they are very happy with the structure and layout. They believe that potential customers landing on their homepage will feel engaged and informed, and will be inspired to try the Deep Sleep product.
WHAT'S NEXT:
Creating high-fidelity screens.
Deep Sleep is still developing as a company. The goal of this internship was to create low fidelity versions of the screens. However, I wanted to use my UI skills to transition the screens to high fidelity on my own time, based on some information and brand inspiration Deep Sleep had provided.