Fleurs
Fleurs, a makeup and skincare brand, aims to offer high-quality products that enhance natural beauty and promote skin health. Embracing a fresh, modern aesthetic, the brand provides accessible solutions tailored to individual needs.
With a passion for quality and a commitment to innovation, Fleurs crafts products that nourish your skin and empower your self-expression. Through formulas crafted with cutting-edge technology, they aim to redefine beauty standards and inspire self-love and authenticity in every individual.
Project Type
Branding & Identity
UI Design
Year
2024
Brand Concept
Taking inspiration from Fleurs' modern skincare approach, I crafted a clean and minimalist website. It features a user-friendly interface for seamless browsing and quick product purchases.
The site provides detailed product descriptions, ratings, and customer reviews. Additionally, to engage our younger audience, I added a "Shop the Look" section. Here, customers can explore how their favourite influencers use the selected products.
Heading
El Messiri
a b c d e f g h i j k l m n o p q r s t u v w x y z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
Body Text
Rosario
a b c d e f g h i j k l m n o p q r s t u v w x y z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
Colour Palette
Grey was used as the primary colour with sage green and creme as the accent colour (found mainly in images). The palette was kept neutral to avoid clashing with the product images.
Black
#000000
White
#FFFFFF
Sage Green
#979578
Grey
#D9D9D9
Creme
#C4BDB0
Layout
The website was created using the 12 column grid system. All body copy must be left aligned, except for text that spans the full width of the screen, such as quotes or key information.
Products are organized in rows and columns of four to ensure clarity, with strokes added for visual separation from the background.
There are four button styles, with three featuring strokes for consistency with the brand’s design elements (recurring line elements). The filled "Add to Bag" button creates a sense of urgency and emphasizes its call-to-action role on the page.
The Challenge
To convey a modern, visually-aesthetic website without falling into cliches.
The Solution
In the end, I drew inspiration from fashion websites by utilizing its high contrast and minimal colour scheme. This clean layout highlights the products and images, allowing them to stand out.
Imagery
Overall, images must present muted colours and a subtle yellow undertone with a slight green tint. Images of people must have clean beige backgrounds. Close-ups and extreme close-ups are preferred for products and people.
On the website, products must be presented on a white background.
