Custom UI/UX Design for Botanical Skincare Brand on Shopify

Custom UI/UX Design for Botanical Skincare Brand on ShopifyCustom UI/UX Design for Botanical Skincare Brand on Shopify

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

Husnain Asif

• Jun 9

Just wrapped up a complete custom UI/UX overhaul for a premium botanical skincare brand, 'Shabby Booth'! 🌿

Instead of using heavy third-party apps that slow down performance, everything was custom-coded natively using Liquid, HTML, CSS, and JavaScript.

To improve customer engagement and storytelling, I custom-coded a dynamic collection grid that strategically injects an 'Our Story' narrative card after 3 products, a quote card after 4 products and a key 'Ingredients' card after 9 products. Clean code, zero app bloat, and a premium shopping experience. 🚀

What features are you currently building natively in Shopify?

Shopify Development UI Design Shopify Design Canva Shopify

Muyideenaliyah Ayomide

• 4h

This is such a strong project. Everything feels purposeful and well executed.

Webshocker Matjaz Valentar

pro

• Jun 5

Short UI reveal animation.

Animation 3D Animation Motion Design

Aavirash Mitra

pro

• Jun 5

Awesome! Did you do this in Blender? Curious because the render looks so finished!

Abox Agency

pro

• Jun 5

We partnered with XLNC Perfumery to design and develop a premium eCommerce website that reflects the sophistication of its fragrance collection while delivering a seamless shopping experience.

The project focused on creating a luxury-first digital presence through elegant typography, immersive product imagery, intuitive navigation, and conversion-driven user flows.

Explore more: https://dribbble.com/shots/27436731-XLNC-Perfumery-Luxury-Fragrance-eCommerce-Experience

Shopify Design landingpage websitedesign perfumedesign UI Design UX Design Figma

Muyideenaliyah Ayomide

• Jun 6

Outstanding work 🔥 The execution is strong and the presentation is top-notch.

Asif Younas

pro

• Jun 5

Dark or Light. What sells tech?

Option A sets the mood. Dark, luxury editorial, oversized serif, gold italic accent. You feel the brand before you see the price. The kind of hero that makes a $300 earbud feel worth it.

Option B closes the deal. Light, direct, products front and centre with prices visible above the fold. Reviews, warranty, shipping — all answered before the question is asked.

Same brand. Same Liquid codebase. Two completely different strategies.

Which one do you trust with your conversion rate?

Vote below. Dark or Light?