Skincare App & Website Concept
MOONIC is a modern skincare brand with a mobile app and website for exploring products and ingredients. However, the previous experience lacked clarity and intuitive navigation, affecting engagement and conversions. Our goal was to redesign the platform with a refined, user-centered approach. We improved the UX/UI, simplified product discovery, and enhanced transparency across devices. The result is a seamless, elegant experience that builds trust and increases user satisfaction.
Challenge
The MOONIC platform had a cluttered layout and unclear navigation, making product discovery and purchasing difficult. Key information like ingredients and benefits wasn’t easily accessible, reducing engagement and overall user satisfaction.
Results
The redesigned MOONIC platform features a clean, well-structured interface, making product discovery and purchasing more intuitive and seamless.
Improved navigation and clearer ingredient transparency increased user confidence, leading to higher engagement and smoother conversions.
Enhanced content hierarchy and personalized recommendations boosted user satisfaction, resulting in increased retention and repeat purchases.
36%
Improved onboarding process
45%
Increase in user retention
95%
Increase in time spent on website
Process
Research & Analysis: We conducted user research, surveys, and behavior analysis to understand pain points in product discovery and purchasing. We also reviewed competitor skincare platforms and industry trends to identify opportunities for differentiation and improvement.
Information Architecture: Based on our findings, we restructured the navigation and content hierarchy, making ingredients, benefits, and product categories easier to access and understand.
Wireframing & Prototyping: We created low-fidelity wireframes to simplify layouts and user flows, refining them through internal reviews. We then developed high-fidelity interactive prototypes to test the overall experience across mobile and desktop.
Usability Testing: We tested the redesigned platform with target users to validate clarity, navigation, and checkout flow. Feedback was used to optimize interactions and reduce friction points.
Visual Design & Style Guide: We built a refined visual system with soft tones, elegant typography, and consistent UI components. A comprehensive style guide was created to ensure long-term consistency across the MOONIC app and website.
“With our new visual direction and brand language, MOONIC now authentically represents our audience, our vision, and the values at the heart of our brand.”
Conclusion
The MOONIC skincare app and website redesign successfully addressed usability challenges, resulting in a more intuitive and seamless digital experience. The enhanced UX/UI improved product discovery, customer trust, and purchasing flow, leading to increased engagement and overall user satisfaction.