Beautifier
Objective of This Design
Beautifier is a mobile app website designed for a beauty brand specializing in makeup, serums, and cleansers. The goal was to create a clean, elegant experience that reflects the sophistication of the brand while keeping navigation simple and intuitive. Rather than overwhelming users with every product, the design intentionally highlights the best performing products — making it easy for customers to find what they need and feel confident in their choices.
Low Fidelity
The low fidelity wireframes for Beautifier were created in Figma to establish the basic structure of the app before any styling decisions were made. The design maps out key screens including a landing page with a hero image and search bar, and product pages organized by category — Makeup, Serums, and Cleansers. Each screen highlights Popular products and Top Brands sections, keeping the focus on a clean, easy-to-browse layout from the very start.
High Fidelity
The high fidelity designs bring Beautifier to life with real product imagery, brand names, and detailed descriptions. Each category page — Makeup, Serums, and Cleansers — showcases popular products from recognizable brands like NYX, BYOMA, La Roche-Posay, and Prequel, complete with product names, ratings, and short descriptions. The soft, neutral color palette and clean card layout reflect the elegance and simplicity the brand stands for, creating a shopping experience that feels curated and trustworthy.
Prototype Finish
The Beautifier prototype was built in Figma with interactive connections to simulate a real app experience. Clicking the Beautifier title navigates back to the homepage, the search bar directs users to the Makeup page, and the category buttons — Serums and Cleansers — each navigate to their respective product pages. Each interaction was set to trigger On Click, using a Navigate To action with Smart Animate and an Ease In easing style at a duration of 300ms — creating smooth, consistent transitions throughout the app that reflect how a real user would browse.