Skincare E-commerce - Mobile UI Design

FocoTik UX/UI Agency
by FocoTik UX/UI Agency · Jul 2026
shot

Upvote

2
Skincare E-commerce - Mobile UI Design

Project description

About the Project For Aurelia, a sophisticated skincare platform, we designed a mobile-responsive landing page UI that optimizes the premium desktop experience for constrained viewports. We built the layout using the modern Parkin Sans typeface, transitioning the experience seamlessly from a multi-column desktop grid to a single-column, vertical-scrolling structure set against a warm amber-to-cream gradient canvas. The hero visual of the clean eye analysis is carefully preserved, leading smoothly into stacked mobile sections that highlight science-backed plans, expert therapist credentials, and high-contrast neon yellow call-to-action buttons. Project Objective Our primary objective was to develop a highly adaptive, visually immersive landing page experience optimized for fluid cross-viewport migration, friction-free customer onboarding, and instant clinical validation. Focused on minimizing cognitive load while preserving a luxury-tech wellness feel, we aimed to seamlessly restructure sprawling desktop typographical alignments into a balanced, bottom-anchored mobile interface that maintains a strict structural hierarchy over the rich lifestyle background assets.

Skincare E-commerce - Mobile UI Design Image 0Skincare E-commerce - Mobile UI Design Image 1Skincare E-commerce - Mobile UI Design Image 2Skincare E-commerce - Mobile UI Design Image 3

Support this project

Upvote

2
© 2026 Copyright Privacy Policy and Terms of Service