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
๐ง๐ต๐ฒ ๐ฃ๐๐๐ฐ๐ต๐ผ๐น๐ผ๐ด๐ ๐๐ฒ๐ต๐ถ๐ป๐ฑ ๐ฎ ๐๐ถ๐ด๐ต-๐๐ผ๐ป๐๐ฒ๐ฟ๐๐ถ๐ป๐ด ๐๐ฒ๐ฎ๐๐๐ & ๐ฆ๐ธ๐ถ๐ป๐ฐ๐ฎ๐ฟ๐ฒ ๐ช๐ฒ๐ฏ๐๐ถ๐๐ฒ
We designed a complete beauty and skincare e-commerce experienceย blending nature-inspired minimalism with a luxury retail feel, from the homepage story to the product page flow and a cohesive brand style guide.
What we focused on:
โ A warm, earthy color palette (deep forest green + citrus lime) that feels premium yet natural
โ Clean typography pairing (Tenor Sans + Urbanist) for elevated readability
โ A conversion-focused product page with clear CTAs, size selectors & trust-building content sections
โ A homepage that tells a brand story, not just sells a product
Every pixel was designed to make skincare feel like self-care.
๐ ๐๐๐น๐น ๐ฐ๐ฎ๐๐ฒ ๐๐๐๐ฑ๐ ๐ป๐ผ๐ ๐น๐ถ๐๐ฒ ๐ผ๐ป ๐๐ฒ๐ต๐ฎ๐ป๐ฐ๐ฒ- ๐น๐ถ๐ป๐ธ ๐ถ๐ป ๐ฐ๐ผ๐บ๐บ๐ฒ๐ป๐๐.
hashtag#WebDesign hashtag#UIUXDesign hashtag#EcommerceDesign hashtag#ShopifyDesign hashtag#BeautyBranding hashtag#SkincareBranding hashtag#UXDesign hashtag#WebsiteDesign hashtag#ecomgiantz hashtag#CaseStudy
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
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic ๐
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
When selling a premium service, mentorship, or high-value framework, a generic template fails to convey the true depth of your offer. The challenge I solved here was translating a multi-stage methodology into an intuitive, high-converting digital experience, built natively on Webflow.
By combining an editorial landscape aesthetic with modern, scroll-triggered interactions, I turned an abstract concept into a seamless visual journey.
Methodology Visualized: I designed custom interactive nodes (Relaxation โ Attention โ Motivation) that walk users step-by-step through the core process.
Webflow Build: I developed the full site on Webflow with clean HTML/CSS architecture, fluid animations, and fast load speeds.
Editorial Identity: I paired a warm color palette and subtle grid architecture with vintage illustration elements to build immediate authority.
Flexibility: I set up a clean Webflow CMS structure so you can easily update content without touching code.
Need a custom site that clearly communicates the value of your framework and converts visitors into clients? Send me a message and letโs discuss your project!
Amazing work!
Just had some free time, so I built and published my very first Framer template!
If you're looking for a clean, modern starting point for your next project, feel free to check it out. I'd love to hear your feedback!
Get the template here โ
great
Which button do you actually want people to press?
Same hero, same two actions. The only thing I changed is their weight, and that alone decides where the eye lands.
1 โ Two primaries. Both buttons solid amber. Looks confident, reads as a tie - and the visitor has to break it.
2 โ One primary, one quiet. "Book your stay" stays solid; "Explore cabins" drops to a ghost. Now there's a clear first move and a calm backup.
Hierarchy isn't about adding emphasis - it's about turning one thing down so the other can lead.
Do you give the main CTA a clear winner, or keep the options equal?
6 voted
10%
57 voted
90%
63 votes
Closed
one solid one ghost, every time