HAAN — Skincare E-commerce Website & UI/UX Design
Saif Ali
HAAN — Skincare E-commerce Website Design
A responsive skincare shopping experience designed and developed by Saif Ali. HAAN brings face, hand, body and oral-care essentials into a cohesive website, with clear product discovery and a calm visual direction.
This project presents the homepage, product detail pages and mobile experience through website mockups, full-page layouts and a desktop-and-mobile walkthrough.
Visual Direction — Color, Typography & Layout
Aqua tones, generous white space and editorial typography give the HAAN skincare website a consistent visual language. Product photography and rounded content cards connect the beauty brand’s presentation with its e-commerce interface.
The homepage balances campaign imagery with product categories, everyday essentials, skincare routines and care guidance, creating clear paths from browsing to product detail.
Product Discovery & Skincare Product Page Design
The e-commerce experience connects product categories, coordinated skincare routines and individual care essentials. Each product page brings imagery, pricing, product options and a clear add-to-bag action into one focused layout.
Supporting product stories, care information and related products help visitors explore the range while keeping the shopping journey consistent with the homepage.
Responsive Website Design — Desktop & Mobile
HAAN’s responsive interface adapts its product cards, campaign imagery and page hierarchy across laptop and mobile screens. The mobile layouts retain the same aqua palette, editorial character and product-focused content in a compact format.
The scrolling website preview shows the homepage, skincare products and footer in both screen sizes, demonstrating the visual continuity of the desktop and mobile experience.
HAAN / SKINCARE E-COMMERCE EXPERIENCE
A little care, every day.
A website design and development project by Saif Ali, bringing face, hand, body and oral-care products into one cohesive shopping experience.
DESIGN FOCUS
Clear product discovery, coordinated skincare routines and focused product detail pages. Aqua tones, generous space and editorial typography connect the homepage, collections and care guidance.
DELIVERABLES
Homepage • Product detail page • Product categories • Care guide • Color and typography system
HAVE A SIMILAR PROJECT IN MIND?
Send your website link, goals and timeline through the Hire Me button on my Behance profile.
Like this project
Posted Nov 5, 2026
Responsive skincare ecommerce website with clear product discovery, focused product pages, and consistent desktop and mobile UI. Focus: skincare web design, ecommerce UX, responsive website, product page design, frontend development.
Likes
5
Views
3
