Deep Sleep

Create low-fidelity wireframes of the purchase journey.
DS title image.png
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]

DS existing site images.png

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]

DS survey highlights 1.png
DS survey highlights 2.png
DS survey highlihghts 3.png
DS survey highlihghts 4.png

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]

DS home structure to sketch image.png

[STRUCTURE TO FIRST SKETCH - PRODUCT PAGE]

DS product strucute to sketch image.png

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]

DS home page versions.png

[FIRST EDIT]

[FINAL EDIT]

[PRODUCT PAGE]

DS product page version.png

[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.

5 star rating.png

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.

 
 

[INTERACTIVE PROTOTYPE - TRY IT OUT!]