Skip to content
Beyza Nur Koşar
tren
← All work

Elan Beauty

A premium beauty landing-page concept rapidly developed in Lovable and refined through code-level content and responsive adjustments.

The Elan Beauty landing page hero, a dropper bottle on a warm surface under the headline 'The Science of Radiant Silence'
Role
Creative direction, web design, customisation, deployment
Year
2026
Category
Branding, Web Experiences
Duration
May 2026
Tools
Lovable, VS Code, Vercel

Note: This is an independent fictional concept created for portfolio purposes. It is not a commissioned client project.

00

Overview

Elan Beauty is a landing-page concept created to present a premium beauty product through a calm and reassuring atmosphere. I developed the first working version in Lovable, then moved the project into VS Code to refine the content hierarchy, spacing, CTA placement and responsive behavior.

01

The starting point

The page needed to present the product as premium without overwhelming visitors with dense campaign copy or unnecessary sections. I used a restrained structure that keeps the product central, moves through concise content and guides users toward one primary action.

02

Approach & strategy

The initial design and page structure were generated through one detailed Lovable prompt. Mobile text wrapping, section spacing, button hierarchy and smaller visual details were then refined in VS Code.

The Elan Beauty landing page hero section, with product photography and the main headline
Hero
The 'Why Élan' section, listing clinical efficacy, cold-pressed actives, sustainable sourcing and cruelty-free principles
Brand principles
The 'Voices' testimonial section
Testimonials
The 'A trio of essentials' section, showcasing three signature products with photography and pricing
Product trio

05

Production process

  1. 01

    Identity

    Defined the tone, palette and typographic voice of the brand.

  2. 02

    Page

    Started from a Lovable structure and reworked it in VS Code around the product story.

  3. 03

    Publish

    Checked on mobile and published on Vercel.

06

Key decisions

  • Product-led layout

    Products lead each section; supporting text stays short.

  • Restraint

    Few colours and few effects, so the products carry the page.

07

Outcome

A published concept landing page. No performance figures are claimed.

08

What I learned

Elan Beauty showed me how strongly spacing, typography and product focus shape a premium experience when content is intentionally limited. It also gave me practical experience turning a working Lovable output into a more controlled and project-specific result through smaller code-level changes.

Next project

← Previous: Lunero Nest

Stacked. View Case Study

A landing-page concept for a premium burger restaurant built around immediate product appeal and a clear path to ordering.