top of page
The Moodboard
Project Duration
August' 23
over 25 hours spread out over 3 weeks
Role
UI Design
Visual Design
Tools
Adobe Creative Suite
Figma
Calypso
A passion project
01 Project Overview
Landing page for a hypothetical brand specializing in bathing products
The project involved designing a landing page for a hypothetical brand specializing in bathing products. The goal was to create a user interface and interactions that encapsulate the theme of 'serene,' reflecting tranquility and relaxation while ensuring an intuitive browsing experience.
Deliverables
Brand Logo
Style Library
Component Library
Final Screen
02 The Objective
Designing a 'serene' and engaging landing page experience
To create a visually appealing and functional landing page that aligns with the chosen theme, 'serene,' effectively conveys the product's essence, and promotes user engagement through smooth and intuitive interactions.
03 Project Goals
Engaging interface with seamless interactions and user retention strategies
-
Design a visually soothing interface that embodies the theme of 'serene.'
-
Leverage micro-interactions to captivate users and enhance engagement.
-
Incorporate design elements and incentives to encourage user retention and drive purchasing behavior.
-
Ensure a seamless user experience that aligns with modern design standards.
04 About Calypso
Establishing brand personality, deriving keywords
Brand Personality of Calypso
Calypso represents premium quality and conscious care, offering high-quality bathing products that are cruelty-free and gentle on the skin. Rooted in sustainability and self-care, it caters to individuals who value mindful choices and effective products without compromising on ethics or quality.
Traits
- Eco-conscious: Dedicated to sustainable practices and cruelty-free formulations.
- Premium Quality: Delivers high-quality products
- Gentle: Skin-friendly formulas designed for comfort and care.
- Ethical: Upholds cruelty-free standards and natural ingredients.
- Mindful: Promotes intentional self-care and thoughtful living.
- Reliable: Offers trustworthy, effective products backed by transparency.
Brand Values
Keywords: Sustainability, Cruelty-Free, Gentle, Natural, High-Quality, Premium, Skin-Friendly, Ethical, Conscious, Thoughtful, Mindful, Self-Care
04 Design Direction
Clean layout, organic shapes and minimalist design for premium Impact
Visual Design Keywords
-
Minimalistic: Clean, simple design with focus on essentials.
-
Natural: Organic shapes and textures, and nature-inspired elements.
-
Soft: Subtle, soothing colors and gentle gradients.
-
Elegant: Simple yet refined design that reflects quality and care.
-
Serene: Calm, tranquil visuals that evoke a sense of peace and wellness.
-
Authentic: Transparent, honest design that reflects the brand's values.
-
Gentle: Soft, rounded shapes and imagery that reflect the product's skin-friendly nature.
The Colour Scheme
picture waves rising and falling,
sea breeze on a sunny day
Primary
#3bbfd2
picture golden grains of sand,
a light, lingering summer
Secondary
#f8e791
Surface Variable
#fdfdfc
Surface Variable
#e4e3d8
hover over us
Tints & Shades
Typography
01 Lato
Brand Font
I chose ‘Lato’ for Calypso because its clean, modern design fits the brand’s minimalistic, premium style. The rounded edges add warmth, reflecting it’s gentle, natural products. Its clarity ensures easy readability, aligning with our values of authenticity, sustainability, and care.
Lato
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9
Lato is a sans-serif font known for its clean, modern, and slightly rounded design. It offers excellent readability, making it versatile for both body text and headings, with a friendly yet professional appearance.
Component Library
Please use desktop for a better viewing experience
Please use a desktop for a better viewing experience
bottom of page