CBD Skincare WooCommerce Store Design & Development by Manmeet SinghCBD Skincare WooCommerce Store Design & Development by Manmeet Singh

CBD Skincare WooCommerce Store Design & Development

Manmeet Singh

Manmeet Singh

Overview

WooCommerce website design and development for a physician-formulated CBD and phytocannabinoid skincare brand. The goal was a clean, clinical and trustworthy eCommerce store that explains the science behind the products and makes it easy to shop, track orders and reorder.

UI/UX Design in Figma

Wireframes and high-fidelity Figma mockups for home, shop, product, science and before-and-after pages
Trust-first visual direction: deep green palette, clean typography and premium product photography
Conversion-focused hero section with a clear value proposition and a strong "Shop Now" CTA
Free shipping announcement bar and "Trusted by Leading Retailers" section to build credibility
Simple header navigation with Shop mega menu, Science, Story, Press, Support, Account, order tracking and mini cart

WordPress & WooCommerce Development

Figma to WordPress build with Elementor Pro and WooCommerce
Custom WooCommerce product pages, shop archive, cart and checkout styling
Order tracking button and customer account area in the header
Reusable Elementor templates so the team can add products and landing pages easily
Mobile-first responsive web design tested across devices

SEO & Performance

On-page SEO for product and category pages
Image optimization and caching for fast page speed and better Core Web Vitals

Skills & Keywords

WooCommerce website design, WordPress eCommerce development, Elementor Pro, Figma to WordPress, UI/UX design, Shopify alternative, online store design, product page design, health and wellness website, skincare website, responsive web design, conversion rate optimization
Like this project

Posted Sep 25, 2026

Figma UI/UX design and WordPress WooCommerce development for a physician-formulated CBD skincare brand: responsive, conversion-focused eCommerce store.