Clarks Mobile App

A scalable shopping app designed for British fashion style lovers featuring a unisex, ageless design.

problem

Clarks’ current website experience has limitations in personalisation, mobile interaction, and customer engagement, highlighting the need for a more seamless mobile platform.

solution

This project proposes a mobile app that introduces personalised features, user-generated content, and a customer-led styling community to create a more engaging and future-facing shopping experience.

Project Highlights ✨

Have fun with the Figma app demo! *Click here for access*

The problem & The solution💡

Research Summary

Competitor Analysis

Clarks Brand Mood Board

INTO THE MAKING!

Design process

The first step was to figure out how to organise everything while pulling inspiration from the old Clarks design systems. I decided to focus on referencing the Clarks website and based on what they are used for such as Background, Text & Icon, Borders, and more. I also looked at the only existing app (an oversea version from Taiwan).

The typography is ultimately organised based on font weight to give more flexibility and findability when developing. I also had to figure out which colours to keep based on the audit. When making design decisions, I wanted the findability of the colours, typography, and components to be quick and intuitive for an improved design and development workflow.