Youty

Website / E-commerce / Beauty

Background

About Youty

Youty Group was founded in 2020 as the result of a merge between the three Nordic beauty sites Blush, Eleven and Nordicfeel. Today, the group is one of the top players in the Nordic online beauty space with over 25.000 different products within beauty and wellness.

The Youty view of beauty is from a holistic perspective. The company believes that values, behavior, and radiance should reflect our appearance. When we feel good, we look good.

The online store offers a wide great range of brands and products, from skincare, fragrance and makeup to supplements.

Summary
Role UX & UI design
Date Dec 2021 - Jan 2023

Identity design

Logotype

The logotype signals confidence and pride, celebrating individuality and unique characteristics. The distinct “Y” is symbol of empowerment and can be used as an independent mark.

Yellow Logo Yellow
Youty Symbol Yellow
Youty Logo White
Youty Symbol White
Color system

The color palette is built on a set of muted, natural colors that is combined with one energetic brand-building color.

The primary color is "Sun". A distinct color that builds recognition and a clear sender. This color is balanced by a set of neutral base colors and more functional accent colors.

Sun Brand #FFF55A
Pine Accent #19553C
Rose Accent #FF4B4B
Sand Base #F5F5F0
Stone Base #D2E1E9
Moss Base #D2E6DC
Black Text #000000
White Text #FFFFFF
Typography

The typographic system is divided into two main assets; brand building and functional.

Reckless is the display typeface which is used to build brand recognition. It's used for headlines and larger paragraphs.

Inter is a open source typeface which is carefully crafted and designed for a digital purpose with good readability.

Headline
Reckless Regular

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

1234567890!@#$&^&*[)

Body
Inter Light

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

1234567890!@#$&^&*[)

Inter Regular

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

1234567890!@#$&^&*[)

Inter Medium

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

1234567890!@#$&^&*[)

Inter SemiBold

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

1234567890!@#$&^&*[)

Design concept

Direction
"Creating not just a smooth, but memorable shopping experience"
Principles

1. Leading with"You"

  • - Self discovery
  • - Owning your experience
  • - Building trust as a brand
Design Principle Image 1
Design Principle Image 2

2. Joy of exploration

  • - Inspire the customers
  • - Provide essential tools and interactions
  • - Shareable

Mobile design

Website

The online store is designed from a mobile-first perspective which focuses on offering the customer core functionalities in best way possible.

Desktop design

Website

The desktop version of the online store offers a full on shopping experience that is both memorable and smooth.

Arrow up icon