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
Scents N Stories – Luxury E-Commerce Experience
Designed and built an editorial e-commerce storefront for a premier fragrance brand. Features responsive product grids, refined typography, and smooth navigation tailored for high-conversion retail browsing.
Focus: E-Commerce, Modern Web Architecture, Responsive UI/UX, Performance Optimization.
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
A few things we’ve been working on this month.
Different industries, different problems, but the same goal: making complex products feel simple, clear, and trustworthy.
Fintech → Investment Banking → Geospatial AI
More projects are still in progress.
Full case studies coming soon.
This is the kind of work I enjoy seeing — simple, focused, and actually thought through.
Solene: skincare e commerce website, built in Framer
Skincare shopping should feel as good as the routine itself. For Solene, I designed and built a full online store with a soft, warm identity: a bold maroon and pink palette, big expressive type and real-skin photography.
What's inside:
A hero that sets the brand tone straight away
A Bestsellers section for quick browsing
Category pages for Cleanse, Hydrate and Protect
A shop page with price slider, filters, sorting and hover image previews
An Our Story page with brand values
A clean, confident footer
Need a website for your beauty or lifestyle brand? Let's talk.
The hover image previews on the shop page caught my eye - they let shoppers sense texture instantly without an extra click.
A three-card tarot spread where every face is unique procedural sigil-art, woven into one reading.
I built this project to test a three-card tarot spread where every face is unique procedural sigil-art, woven into one reading. The goal was simple: push interactive browser rendering using HTML5 Canvas and see how smoothly the system responds to direct user interaction.
WHAT I WAS TESTING:
I wanted to focus on two core engineering aspects:
Procedural generation of unique runic card sigils from mathematical formulas
Dynamic typography and card flipping choreography without heavy 3D frameworks
THE TECHNICAL SIDE:
The card faces render directly onto an HTML5 Canvas using polar coordinate trigonometric curves and procedural geometry. Every draw call is computed dynamically without image textures or external SVGs.
Everything runs in the browser using HTML5 Canvas, Procedural Sigil Geometry, Seeded Randomness. No plugins, no heavy dependencies, and no external tracking.
WHAT I LEARNED:
Balancing procedural symmetry with organic irregularity was the main hurdle. Pure mathematical curves looked too synthetic, so adding minor pseudo-random offsets gave the sigils their handcrafted appearance.
Finding the sweet spot between mathematical precision and tactile visual feedback took several iterations, but the end result runs consistently at 60 FPS.
TRY IT YOURSELF:
The live experiment is deployed on Netlify. You can open it in any modern browser, interact with the controls, and test the response times.
If you are working on similar 3D, physics, or creative web projects and want to collaborate, message me here on Contra.
cinematic💯 . Nice work😍