Skip to main content
App

Abaah Grooming - Men's Grooming E-commerce App Concept

A modern mobile e-commerce concept designed for men’s grooming products, focusing on bold product visuals, category-driven browsing, and a premium shopping experience.

Mobile AppE-commerceUI DesignGrooming Products
Abaah Grooming - Men's Grooming E-commerce App Concept - UI/UX design case study by Saurabh Pansari

1. Overview & Problem Statement

Project Overview

Abaah Grooming is a concept mobile application designed to showcase men’s grooming products through a visually rich and immersive shopping experience.

The design focuses on product-first layouts, bold typography, and simple navigation to make browsing and purchasing grooming products seamless.

Problem Statement

Many grooming product apps rely heavily on text-based product lists, which reduces product visibility and brand experience.

The challenge was to design an interface where product visuals become the centerpiece while maintaining an intuitive shopping flow.

2. Goals & Target Audience

Goals

The goal was to create a visually engaging e-commerce experience that highlights grooming products and simplifies product discovery.

The interface focuses on quick browsing, category exploration, and clear product presentation.

Target Audience

The app is designed for men interested in grooming and personal care products.

It particularly targets modern users who prefer stylish, visually driven shopping experiences on mobile devices.

3. Information Architecture & Navigation

Information Architecture

The application organizes products into clear categories such as face care, hair care, beard care, and shampoo.

Each product is presented using large product visuals along with essential details such as product name, scent, and price.

Navigation Structure

A bottom navigation bar provides quick access to the home screen, categories, shopping cart, favorites, and user profile.

This structure ensures users can easily browse products and manage their shopping activity.

4. Design Strategy

Design Approach

The design uses a dark interface combined with bold typography to create a premium grooming brand experience.

Large product visuals and dramatic compositions help create a strong visual impact.

Visual Direction

Accent colors are used to differentiate product categories while maintaining brand consistency.

The combination of strong typography, layered backgrounds, and product-focused layouts enhances the overall shopping experience.

5. Visual Design & Key Screens

Visual Design

The interface uses a dark theme with high contrast typography and vibrant accent colors to highlight product variations.

Large product images help users quickly identify grooming products and their categories.

Key Screens

The welcome screen introduces the brand and highlights featured grooming products.

The category screen allows users to explore product types such as face care, hair care, beard care, and shampoo.

The product screen presents detailed product information along with pricing and purchase options.

Visual Design & Key Screens 1

6. Interaction & Learnings

Interaction Design

Users can swipe through product variations and explore grooming categories through immersive layouts.

Quick actions such as adding items to the cart or saving favorites help streamline the shopping process.

Key Learnings

This project highlighted how strong product visuals and bold typography can enhance brand perception in e-commerce experiences.

A clean navigation structure combined with product-focused layouts improves usability and encourages exploration.

7. Figma Prototype Embed