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
Direct-to-consumer (DTC) skincare brands often struggle with high bounce rates caused by overwhelming product pages and unclear ingredient descriptions.Alpha Studio designed a sleek, high-converting e-commerce landing page for Essentia that highlights minimalism, transparency, and a frictionless purchasing journey.
The Solution & Design Approach:
1. Simplified Value Proposition: Immediate clarity on product benefits with high-end editorial typography and subtle interactions.
2. Interactive Step-by-Step Guide: Engaging visual routines that turn simple product browsing into an educational skincare experience.
3. Frictionless Checkout Flow: Streamlined variant selection (Standard vs. Travel size) and prominent trust badges (Clinically Tested, Dermatologist Approved).
Like the execution and also perfect interaction
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
This card stack transition combining the SVG of each card to the sticky position is giving my brain really satisfying scratches 😘👌
--
I've been doing a lot more Framer developments lately where I don't do the design, I think one of the big advantages of having a strong background in design is that I can see the designers vision to translate it into the web obsessing over the details.
I.e. see Figma design screenshot in the comments how each card had the same SVG but in irregular placements, I saw it as an opportunity to perfectly align them on scroll and add a bit of a transparency reveal at the end. It feels way more intentional and ties everything together.
Design by @Iverson developed by me
Figma design handoff
Same collection. Two different experiences.
Would you choose the bold, playful catalogue or the calm, architectural gallery?
Both complete websites are free to download — source code, assets and animations included.
Grab the kit: https://contra.com/products/FNrYmtZe-stillform-two-animated-landing-pages
10 voted
53%
9 voted
47%
19 votes
Closed
MAGMA: A Liquid Light Instrument
A single HTML physics-driven lava lamp. Every blob carries heat it soaks it up at the floor plate, rises on buoyancy, sheds it at the cap, stalls, and sinks-the canonical lava-lamp circulation, with nothing keyframed.
Blobs merge by transferring mass through sustained contact; overheated giants pinch off children. Total volume is conserved, so the lamp never empties. The surface is a metaball scalar field shaded through a palette LUT, with marching-squares iso-contours stroked on top as a glass rim and a fresnel crown. Run it hot and champagne micro-bubbles boil off the plate - flip gravity mid-rise and they hang weightless.
Anyone who wants to check this build live can visit my JSFiddle here: https://jsfiddle.net/Saminsami/1rvay2bx/1
jsfiddle.net
MAGMA - SAMIN
SAMIN - a HTML example you can edit and run in your browser on JSFiddle.