SkinHaven – A Skincare Web App for Black Skin

🖼 SkinHaven – A Skincare Web App for Black Skin

📌 Role:

UI/UX Designer & WordPress Developer

🛠 Tools Used:

Figma, WordPress, Elementor, woocommerce

📍 Overview

SkinHaven is a skincare web app created for Black people. It helps users discover products, understand their skin types, and build personalized routines. The platform was designed and developed to put melanin-rich skincare needs at the center.

Goal: Build a clean, fast, and conversion-focused website that builds trust and encourages repeat purchases.

For this project, the mission was clear:

Create a seamless shopping experience that reflects the brand’s natural, effective skincare while improving user engagement and conversion rates.

✅ User Behavior Analysis:

I went beyond just design — I reviewed customer feedback, support messages, and buyer hesitation points. What were customers asking? What was making them bounce?

✅ Research-Driven Improvements:

I studied similar skincare brands and considered the unique skin needs of SkinHaven target audience (mainly melanin-rich and sensitive skin types).

✅ Website Performance & Clarity:

I simplified the layout, improved page speed (essential for skincare e-commerce), and made the navigation and product discovery super intuitive on all devices.

Clean, product-first homepage with curated skin goals, concerns, and product types

Shop by Skin Concern filters for better browsing

Testimonial & review sections placed at high-conversion points

Blog integration to educate and boost SEO

Smart product categorization (e.g., “Glow Essentials,” “Spot Control,” “SPF & Serums”)

Trust-building FAQ, return/refund policy, and order tracking

Speed optimization using LiteSpeed Cache plugin

Product bundles and upsell prompts to increase AOV

After launching the new site:

Users spent more time on the product pages

Add-to-cart interaction increased

Product filtering and browsing became more intuitive

The client now has a scalable website that’s easy to update and extend

✅ Solutions and Outcomes

• Designed a calm, intuitive interface using Figma with a mobile-first approach.

• Developed the site fully on WordPress, using custom blocks and plugins for flexibility.

• Optimized the site for performance and accessibility.

Integrated a blog and content management system for easy updates.

• Mobile-optimized and tested for performance across devices.

• A fully functional skincare web app that’s easy to manage and tailored to its audience.

• Positive feedback on the design, clarity, and relevance of the content.

https://jasmineecommerce.infy.uk/

See How Easy It Is to Order from SkinHaven