Products Page — Sidéral Eight-product catalog with category filter system allowing users to filter by Skin, Lip, Eye, and Body. Each product card features photography, category label, product name, description, price, wishlist toggle, and Add to Bag button. Filter state managed in vanilla JavaScript with smooth show/hide transitions. Cart integration fires a slide-out panel with running total on add. Built fully responsive across desktop, tablet, and mobile.
Booking System — Sidéral Two-column booking interface featuring a service selection panel on the left with radio card inputs and a form panel on the right for appointment details. Service cards display treatment name, description, duration, and price. Built entirely in vanilla JavaScript with no frameworks — selection state, form validation, and submission handling all custom coded from scratch.
About Page — Sidéral Editorial layout pairing full-bleed portrait photography with alternating text blocks. Designed to communicate brand identity and values through visual storytelling rather than traditional about page conventions. Built with HTML and CSS using a side-by-side grid system that alternates image and copy positioning across three narrative sections — Who We Are, Our Mission, The Vision.
Homepage — Sidéral Full homepage featuring a video hero section with animated headline and dual CTA buttons, a scrolling marquee ticker, editorial philosophy section, featured product grid, full-bleed booking banner, values row, and Instagram gallery strip. Scroll reveal animations applied throughout using vanilla JavaScript. All sections built mobile-responsive with fluid typography using CSS clamp().
Contact Page — Solène Minimal centered contact form designed for clarity and ease of use. Clean typographic hierarchy guides the user through name, email, and message fields with a consistent input style pulled from the brand design system. Wired to Formspree for live email delivery without a backend.
gLike
Sidéral - Luxury Beauty Brand Website
A fully custom luxury beauty brand site designed and built from scratch. The visual identity draws from deep space — rich purples, soft pinks, and cosmic gradients that feel premium without feeling cold.
View Website