The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
LUMÉA is a premium skincare store designed to feel like a printed beauty editorial come to life. I designed and built it from start to finish, from the brand look and motion to a fully working checkout and admin dashboard.
Design: Ivory and bone neutrals, espresso ink, deep moss and champagne-gold accents. The headlines are set in Fraunces with italic accents, and the body text in clean Manrope. Every section reads like a magazine spread: the hero campaign, ritual steps, ingredient cards, curated sets and a journal.
Motion: The hero photo is redrawn in a custom WebGL shader, with a liquid ripple that follows the cursor, drifting "sunlight through leaves" light and floating pollen. Scrolling is smooth and inertial. Headlines rise in line by line, photos move with parallax depth, and product previews follow the cursor.
The store: The shop has category filters, search, price filtering and sorting. Product pages have Benefits / Ingredients / How to Use tabs, and a slide-out bag updates in real time. Checkout is secure through Stripe, with card, Apple Pay and Link payments in more than one currency.
Behind the scenes: Firebase handles sign-in and data, and a role-protected admin dashboard covers products, inventory, orders, customers, content and sales analytics.
Built with: Next.js, React, TypeScript, Tailwind CSS, Firebase, Stripe, SQLite, WebGL, Render
This is really nice 👌
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Free AI Framer template we designed for B2B SaaS.
Arcon AI is a premium Framer template built for AI startups, procurement platforms, enterprise SaaS, AI agents, workflow automation, supply chain technology, and B2B software. Designed with a modern enterprise aesthetic, it helps you launch a professional website that builds trust, showcases your product, and drives conversions.
Get it for free: https://www.framer.com/marketplace/templates/arconai/
Lovely work
no-code.supply is open.
I've been quietly building landing page templates. Six are out today, each with its own brand, its own type pairing and one interaction it's built around:
→ Aurel: a skincare brand with a WebGL serum drop that bulges toward your cursor
→ Ferro Type: a type foundry where the hero word bends its weight and width under the pointer
→ Meridian Expeditions: contour maps that redraw themselves as you switch routes
→ Oda: an architecture studio whose timber cabin draws itself, with a live sun study
→ Relay: a dev tool where the editor types a workflow and the run graph executes it live
→ Signal: a mission-control SaaS with a live infrastructure graph that contains threats as they flare
Built to be edited with AI. Every template ships with a README, a DESIGN.md and an AGENTS.md, so Claude, Cursor or whatever assistant you use changes it the way it was built, not the way it guesses.
Pricing, per template:
• HTML: $29
• React: $59
• Bundle (HTML + React): $79
Or get All-Access for $169: all six templates, both editions, plus every future drop. Nine more are on the way, at no extra cost.
No page builder, no lock-in, no third-party requests.
If you build sites for clients, I'd love to hear which one you'd use first.
Ferro Type is the one I would open first. Bending a variable font under the pointer re-lays out the text every frame, which is a much bigger bill than it looks, and stepping the weight in a few fixed increments is usually what keeps it smooth on a laptop that is not plugged in....
GlowHaus Studio — From Inquiry to Confirmed Booking
GlowHaus Studio is a solo beauty salon based in Takoradi, Ghana, where most customer appointments are currently handled manually through WhatsApp.
The problem is simple: customers ask about services and availability, while the owner has to check her schedule, respond to messages, confirm appointments, send reminders, and handle rescheduling — creating unnecessary back-and-forth and increasing the risk of missed appointments.
I designed and built a streamlined booking experience that turns the entire process into a simple self-service flow:
Choose a service → Select an available date → Pick a time → Enter details → Confirm → Booked.
The experience also supports appointment confirmation, cancellation, and rescheduling, giving customers more control while reducing repetitive administrative work for the owner.
The goal was not simply to create a beautiful booking interface, but to solve a real operational problem: helping a small business spend less time managing appointments and more time serving customers.
Built with Lovable.
Lovely 😍