Crafting a Premium Mobile E-Commerce Experience for a Luxury Haircare Brand in the GCC

UX/UI Design
Mobile App
Design System
Prototype
Feranchesco Professional Mobile App

Overview

  • Client
    Feranchesco Professional
  • Role
    Lead UX/UI Designer
  • Industry
    Luxury Haircare & E-commerce
  • Year
    2024
  • Headquaters
    Dubai, United Arab Emirates

About Project

Feranchesco is a luxury haircare brand in the GCC, offering salon-grade products. The goal was to design a mobile-first e-commerce experience that reflects the brand’s elegance while delivering a seamless and intuitive shopping journey. The design focused on clean visuals, structured product categorization, and an effortless checkout experience enhancing trust, usability, and conversion potential.

Feranchesco Professional
Feranchesco Professional App
Feranchesco Professional Mobile App Designs

The Challenge

Feranchesco’s online presence was limited to a basic website that lacked engagement, visual appeal, and a smooth shopping experience. With most of its target audience shopping via mobile, the brand struggled to connect effectively with customers and reflect its premium identity in the digital space.

The main challenge was to transform a static web presence into an engaging, mobile-first e-commerce experience that not only embodied the brand’s luxury essence but also encouraged repeat purchases and customer trust.

Solution

I led the end-to-end UX/UI design of Feranchesco’s first mobile e-commerce app, applying user-centered design principles to align business goals with customer expectations. Through insights into UAE consumer behavior and m-commerce trends, the focus was on crafting an experience that balanced luxury with usability.

Key UX Strategies & Design Highlights:

  • Service Arrow icon
    Structured product discovery through clear categorization and smooth browsing interactions.
  • Service Arrow icon
    Simplified checkout and quick reorder options to enhance conversion and repeat purchases.
  • Service Arrow icon
    Integrated Arabic language support and culturally aligned layouts to improve accessibility.
  • Service Arrow icon
    A refined, elegant interface reflecting Feranchesco’s premium brand personality.
Feranchesco Professional Mobile App
Feranchesco Professional Mobile App

Approach

A user-centered, brand-aligned process designed for clarity, conversion, and trust.

My Approach

Information Architecture

The app’s information architecture was designed to create a clear, intuitive flow for users—making product discovery effortless and checkout frictionless. Categories were structured around user intent, ensuring quick access to key product types while maintaining a sense of premium simplicity aligned with the Feranchesco brand.

Feranchesco Mobile App Information Architecture

Wireframing

Wireframes

Style Guide / Design System

Design System Components
Style Guide

The Outcome

The launch of the Feranchesco mobile app marked a key milestone in the brand’s digital transformation elevating its presence from a simple website to a refined, mobile-first shopping experience that resonates with GCC audiences.

  • Tick icon
    Successfully launched an MVP app that laid a strong foundation for scaling and future features.
  • Green tick
    Surpassed early adoption goals with steady organic 500+ downloads shortly after release.
  • Green Tick
    Delivered a seamless, premium shopping journey that strengthened user trust and loyalty.
  • Green Tick
    Expanded digital reach across the GCC, enhancing accessibility and brand visibility in a competitive market.