Pegah
UX designer

SEA THERAPETUICS

A holistic health brand

OVERVIEW

Sea Therapeutics is a holistic health brand, taking inspiration from the healing power of the sea and bringing you natural remedies backed by science. The blend is a multipurpose anti-microbial, anti-inflammatory and antioxidant, in other words it kills bad bacteria, reduces inflammation and prevents cell damage.

Team: 1 UX/UI designer 

Duration: 1 months

Tools: Figma, Photoshop, Wix

CHALLENGE

Since the blend has a multipurpose use, there is a lot of information that needs to be shared in a simple way. The customer also needs to use the product consistently in order to see the results, the company is therefore offering different subscription plans for the customer to choose between. Right now it's too many options to choose and it's difficult for the user to compare the different plans, which has limited the amount of subscribers.

GOAL

Modernise the website and create a clear message of what Sea therapeutics stands for and what it has to offer. The main focus is to redesign the subscription page for a better overview, in order to get more subscribers.

01 - DEFINITION

Sea therapeutics

WHO IS THE USER?

To start with I wanted to know who the typical user is and why they are visiting the website. I wanted to answer the following questions:

  • Who is the user and what's their characteristics and needs?

  • What underlying need is met when the users visits the website?

  • What motivates the user to visit the website, and what makes the user come back?

I went through these questions together with the company. By answering these questions I could take notes on what the website should highlight on and how.

02 - IDEATION

You can scroll in the wireframe

You can scroll in the wireframe


WIREFRAME

When I had a clear idea of what the website should highlight on, I started to create wireframes on Figma. This helped me to decide which interface pattern to use.

STYLE GUIDE

My next step was to create a mood board in order to know which feeling the new design should bring. Since Sea therapeutics are taking inspiration from the sea and using natural remedies, I wanted to create a sea-inspired environment with an earthy and warm feeling. The mood board helped me to set the style guide.

03 - RESULTS

FINISHED DESIGN

After my wireframes and style guide, I moved on to high-fidelity. I used new typography, interface patterns, colors and buttons. Here are the final designs.

You can scroll in the mockup


You can scroll in the mockup

You can scroll in the mockup

THE OUTCOME

As mentioned earlier, one of Sea therapeutics main goals was to make the information on the subscription page more clear and easy to understand, in order to get more subscribers. The redesign helped the company gain 250% growth in subscription customers.

2x
increase in returning visitors
250%
increase in subscriptions
4x
increase in user interactions

04 - TAKEAWAY

WHAT I'VE LEARNED

This project has taught me the importance of using the right interface patterns in order to make the site more user friendly, but also to highlight the right information. The new site is clean and modern, and draws attention to the most important parts of the website. By seeing the after effects, we succeeded with our goal to gain more subscribers. I always enjoy working on landing pages, so this was naturally a fun project to work on.