A Daily Beauty Product App
About the Project
About the Project
About the Project
Pearlin is a self-initiated mobile UI/UX design project for a modern beauty shopping app. The aim was to design a clean, elegant, and user-friendly interface tailored for users interested in skincare, haircare, and makeup products. This concept was built to explore how effective visual hierarchy, intuitive navigation, and promotional strategies can be combined into a single, conversion-focused shopping experience.
Pearlin is a self-initiated mobile UI/UX design project for a modern beauty shopping app. The aim was to design a clean, elegant, and user-friendly interface tailored for users interested in skincare, haircare, and makeup products. This concept was built to explore how effective visual hierarchy, intuitive navigation, and promotional strategies can be combined into a single, conversion-focused shopping experience.
Pearlin is a self-initiated mobile UI/UX design project for a modern beauty shopping app. The aim was to design a clean, elegant, and user-friendly interface tailored for users interested in skincare, haircare, and makeup products. This concept was built to explore how effective visual hierarchy, intuitive navigation, and promotional strategies can be combined into a single, conversion-focused shopping experience.
Objective
Objective
Objective
The main objective of the design was to create a visually engaging and functional home screen that could serve as the central hub of a beauty e-commerce app. It needed to support category discovery, product promotion, and limited-time offer highlights—all while maintaining a smooth and aesthetically pleasing user journey.
The main objective of the design was to create a visually engaging and functional home screen that could serve as the central hub of a beauty e-commerce app. It needed to support category discovery, product promotion, and limited-time offer highlights—all while maintaining a smooth and aesthetically pleasing user journey.
The main objective of the design was to create a visually engaging and functional home screen that could serve as the central hub of a beauty e-commerce app. It needed to support category discovery, product promotion, and limited-time offer highlights—all while maintaining a smooth and aesthetically pleasing user journey.
Challenges
Challenges
Challenges
Designing within a limited mobile screen required maintaining a balance between visuals and functionality. It was important to present offers and product information clearly without overwhelming the layout. Also, refining promotional text was necessary to avoid confusion and maintain a professional tone.
Designing within a limited mobile screen required maintaining a balance between visuals and functionality. It was important to present offers and product information clearly without overwhelming the layout. Also, refining promotional text was necessary to avoid confusion and maintain a professional tone.
Designing within a limited mobile screen required maintaining a balance between visuals and functionality. It was important to present offers and product information clearly without overwhelming the layout. Also, refining promotional text was necessary to avoid confusion and maintain a professional tone.
Requirements
Requirements
Requirements
The layout had to include several key elements: a hero banner for featured promotions, category shortcuts for quick access, curated product sections for recommendations and new arrivals, and a dedicated space for showcasing limited-time offers. A clean and persistent bottom navigation was also required to provide seamless movement between major app sections.
The layout had to include several key elements: a hero banner for featured promotions, category shortcuts for quick access, curated product sections for recommendations and new arrivals, and a dedicated space for showcasing limited-time offers. A clean and persistent bottom navigation was also required to provide seamless movement between major app sections.
The layout had to include several key elements: a hero banner for featured promotions, category shortcuts for quick access, curated product sections for recommendations and new arrivals, and a dedicated space for showcasing limited-time offers. A clean and persistent bottom navigation was also required to provide seamless movement between major app sections.
Solutions
Solutions
Solutions
The home screen had a bold banner with a clear “Shop Now” button to grab attention. Below, soft-styled category icons were arranged. Products showed in modular cards with names, prices, and tags like “Best sell” or “30% Off.” The “Limited Time Offer” section featured clean images with badges. A bottom navigation bar gave quick access to Home, Categories, WhatsApp, Profile, and a shopping bag icon with cart count.
The home screen had a bold banner with a clear “Shop Now” button to grab attention. Below, soft-styled category icons were arranged. Products showed in modular cards with names, prices, and tags like “Best sell” or “30% Off.” The “Limited Time Offer” section featured clean images with badges. A bottom navigation bar gave quick access to Home, Categories, WhatsApp, Profile, and a shopping bag icon with cart count.
The home screen had a bold banner with a clear “Shop Now” button to grab attention. Below, soft-styled category icons were arranged. Products showed in modular cards with names, prices, and tags like “Best sell” or “30% Off.” The “Limited Time Offer” section featured clean images with badges. A bottom navigation bar gave quick access to Home, Categories, WhatsApp, Profile, and a shopping bag icon with cart count.
Style Guide
Style Guide
Style Guide
The design follows a minimal and clean visual tone with balanced spacing, soft edges, and calm imagery. Each element is styled to maintain visual harmony and support a smooth, distraction-free user experience.
The design follows a minimal and clean visual tone with balanced spacing, soft edges, and calm imagery. Each element is styled to maintain visual harmony and support a smooth, distraction-free user experience.
The design follows a minimal and clean visual tone with balanced spacing, soft edges, and calm imagery. Each element is styled to maintain visual harmony and support a smooth, distraction-free user experience.
Montserrat
Montserrat
Montserrat
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789! @$<%:;&*?,.
Design
Design
Design
The home screen features a full-width promotional banner, category icons, and neatly arranged product sections like “Recommended”, “New arrival” and “Limited time offer”. A dedicated offer area highlights discounts, while the bottom navigation ensures easy access to the main sections of the app.
The home screen features a full-width promotional banner, category icons, and neatly arranged product sections like “Recommended”, “New arrival” and “Limited time offer”. A dedicated offer area highlights discounts, while the bottom navigation ensures easy access to the main sections of the app.
The home screen features a full-width promotional banner, category icons, and neatly arranged product sections like “Recommended”, “New arrival” and “Limited time offer”. A dedicated offer area highlights discounts, while the bottom navigation ensures easy access to the main sections of the app.
