Spotlight on Skin
Science-Backed Skincare, Simplified.
Challenges
Needed to organize a large volume of ingredient, treatment, and condition content with intuitive user navigation.
Required a searchable A–Z glossary system and keyword-based search that works seamlessly across all devices.
Demanded fast load times and a clean UI despite the data-heavy structure and constant content expansion.
Needed to position itself as a trustworthy, expert-driven source while remaining friendly and accessible to everyday users.
Solutions
Created custom post types for ingredients, treatments, and conditions with ACF-powered templates for scalable content presentation.
Built a live AJAX-powered search and alphabetical index for fast, user-friendly browsing of over 100+ glossary entries.
Optimized database and design using custom JavaScript and modular layout techniques to maintain speed and readability.
Used Figma to align UI/UX with brand tone—minimal, clinical, but warm—supported by RankMath SEO for expert content discoverability.

Technologies
WordPress + Elementor used for structured content management and flexible design layouts across glossary, blog, and static pages.
Figma enabled precise planning of glossary UI, filtering flows, and mobile-first designs.
Custom JavaScript powered the A–Z navigation, instant search, and conditional content filters.
Integrated Google Analytics, RankMath, and MySQL for SEO performance, user behavior tracking, and smooth data handling.