‘At-home’ spa skincare

Brief

E-commerce website for Jild - a wellness platform with the purpose to offer simplified skincare centered around wellness- for all skin types.

Project type

UI/UX Web Design
Webflow Development

Year

2020

About “Jild”

Philosophy of simplicity and transparency

JILD believes that the future of skincare is sustainable and simplified.
Clean, natural, and non-toxic are the key to our philosophy. The skincare of tomorrow must meet the demands of modern living and bring smart, innovative, and simplified solutions to common skin problems. Staying true to our philosophy, we intend to remain uncompromising in our mission to offer consumers a premium skincare alternative.

Determining goals

Skincare centered around wellness for all skin types

“Jild” aims to bring you a modern selection of the finest quality skincare products; we investigate widely to source au natural and clinically tested ingredients and use only those brands that are pioneers in innovation, science, technology, sustainability, and transparency.

UI UX Website Design landing page jild wellness
About “Jild”

Creating a usable and accessible website

The primary goal was to create a better, memorable, and brand-oriented user experience. Helping customers to get to know the brand and help them explore and purchase the products smoothly. It is not enough to make a beautiful website for a brand to leave a good impression.

What we did

Often it is necessary to dig deeper and create not only the appearance but also the process within it. How are service and experience created? That's what design is all about.

Empathize

From analyzing the data and heat maps to create site maps, we held multiple discussions to pinpoint each problem and reimagine the intact structure.

Rethink

Using sketches and wireframes, multiple potential designs were explored to find the best solution for underlying problems and creating a better brand-centered design.

Execute

After finalizing the art direction with the client, the web interface was designed in Figma and then developed using Webflow to bring it to life.

Test

The website was launched and tested to gather data regarding performance and user flow through heat maps, analytics tools, and surveys.

Evaluate

The 4-weeks data showed:

200+

Weekly quiz participants

1-2 min.

Responce time

80%

Decrease in Bounce rate

500-1000%

Increase in reach

750%

Increase in convertion rate

$ 20,000

First month revenue

mobile responsive UI UX Website Design landing page jild wellness
mobile responsive UI UX Website Design landing page jild wellness showcase mockup
Design

UI/UX

From structure to typography, everything was considered making sure it aligns with the brands' goals and is helping in solving the problem and creating a better product.

Site-map
mobile responsive UI UX Website Design landing page jild wellness site map
Wireframe
mobile responsive UI UX Website Design landing page jild wellness wireframe
Color Palette
mobile responsive UI UX Website Design landing page jild wellness color palette
Typography
mobile responsive UI UX Website Design landing page jild wellness typography
Icons
mobile responsive UI UX Website Design landing page jild wellness icons
Adaptive Interface
mobile responsive UI UX Website Design landing page jild wellness multipple device mockup product page skin care
Webflow

Development

Webflow was the tool of choice to execute the development process in the most seamless way possible, considering the ease of management and need of the project.

mobile responsive UI UX Website Design landing page jild wellness webflow development
Setting-up

Integrations

The website was integrated with third-party tools and products to add enhanced features, gather user data, and process it to provide the best experience possible, all without compromising product functionality.

mobile responsive UI UX Website Design landing page jild wellnessskin quiz
mobile responsive UI UX Website Design landing page jild wellness blog
mobile responsive UI UX Website Design landing page jild wellness reviews
mobile responsive UI UX Website Design landing page jild wellness products skin care
mobile responsive UI UX Website Design landing page jild wellness contact form
mobile responsive UI UX Website Design landing page jild wellness instagram feed
Final product

Philosophy of simplicity and transparency

Following the brands' philosophy of simplicity and transparency, a clean, simplified user experience was created, showcasing products and telling the brand story in the most transparent way possible.

mobile responsive UI UX Website Design landing page jild wellness imac mockup
Next Project