TÌMÍLÉHÌN
Web Developer

CHEILOS - Lip Gloss Brand Website

Web design project by Timilehin | web developer

Project Overview

CHEILOS is a chic and vibrant one-page website design crafted for a lip gloss brand targeting beauty lovers who want to glow with confidence. The design captures femininity, elegance, and boldness - providing a seamless experience for customers looking to learn about the brand, browse products, and take action. The goal was to design a visually appealing and modern landing page that communicates beauty, trust, and a touch of glam.

Web design project by Timilehin | web developer

Target Audience

The primary audience for CHEILOS includes:

  • Women and beauty enthusiasts looking for standout lip gloss products
  • Younger audiences inspired by vibrant, Instagrammable aesthetics
  • Individuals who want to glow confidently and express themselves through their lips

Color Palette & Style

  • Accent Pink: #FF65C3 - soft but bold; symbolizes femininity, fun, and confidence
  • Light Grey Background: #F6F6F6 - creates a clean and airy base for visual contrast
  • Pure White: #FFFFFF - adds purity, balance, and enhances content readability
Web design project by Timilehin | web developer

Design Features & Structure

One-page layout with the following sections:

  1. Hero Section:
    • A strong, glamorous headline with an eye-catching lipgloss product image
    • Subtext that highlights the brand's message
    • A primary CTA button for product shopping
  2. About the Brand:
    • Brief intro about CHEILOS and the story behind the brand
    • Messaging focused on confidence, empowerment, and beauty
  3. Product Highlights:
    • Grid layout showcasing top lip gloss products
    • Each product visually represented with name and short description
  4. Glow Benefits Section:
    • Unique selling points of the lip gloss
    • TSimple icons and short text to communicate benefits quickly
  5. Call-To-Action Footer:
    • Strong final CTA
    • Links to social platforms like Instagram

Tools & Techniques Used

  • Figma
    • Auto Layout for consistent spacing, alignment, and scalable components
    • Responsive Design Techniques to ensure it adapts beautifully on mobile, tablet, and desktop
    • Smart layer organization and clean component use for easy edits and developer handoff
    • Created variants where needed for button states or image hovers

Design Intent

The design aims to:

  • Inspire confidence and beauty through elegant presentation
  • Increase product interest and conversion with vibrant visuals and clear CTAs
  • Represent CHEILOS as a premium yet fun beauty brand