Case Study
Supercell companion app
Supercell companion app
Supercell companion app
Faizaan Azmat
Overview
Overview
Product
A companion app that creates a seamless experience for all the supercell games, including news, purchases and esports.
A companion app that creates a seamless experience for all the supercell games, including news, purchases and esports.
My Role
My Role
Designing, Wireframing, Prototyping & Mockups
Designing, Wireframing, Prototyping & Mockups
The Problem
The Problem
Most of the Supercell game users are on mobile. It makes it very hard for them to access different things in the browser.
Most of the Supercell game users are on mobile. It makes it very hard for them to access different things in the browser.
The Goal
The Goal
Create an app that brings all the different Supercell services onto a single platform so that the user doesn’t have to wander on multiple websites for completing different tasks.
Create an app that brings all the different Supercell services onto a single platform so that the user doesn’t have to wander on multiple websites for completing different tasks.
Planning
Planning
Some things to keep in mind about Supercell’s Structure
Some things to keep in mind about Supercell’s Structure
Supercell has four main websites
Supercell has four main websites
Store
Store
For making In-Game purchases at a better value.
For making In-Game purchases at a better value.
News
News
A general place to share all important updates and articles.
A general place to share all important updates and articles.
Esports
Esports
Supercell has a very rich esports history and it is a very important aspect of their games.
Supercell has a very rich esports history and it is a very important aspect of their games.
Make
Make
As a community centered company, supercell organizes multiple competitions regularly for creating concepts for in-game assets like skins and sceneries.
As a community centered company, supercell organizes multiple competitions regularly for creating concepts for in-game assets like skins and sceneries.
There are three main Supercell Games as of now
There are three main Supercell Games as of now
Clash of Clans
Clash of Clans
Brawl Stars
Brawl Stars
Clash Royale
Clash Royale
Initial Design
Initial Design
Wireframes
Wireframes
Home
News
Esports/Streams
Make
Establishing brand guidelines
Establishing brand guidelines
Brand Colors:
Gradients:
Fonts:
Supercell Headline
Supercell Headline
Supercell-Magic
Supercell-Magic
Outfit
Outfit
Refining the Design
Refining the Design
Home
Home
News
News
List
Article
Esports and Streams
Esports and Streams
Streams
Esports
Store
Store
Brawl Stars
Brawl Stars
All
Brawl Pass
Gems
Clash of Clans
Clash of Clans
All
Gold Pass
Gems
Clash Royale
Clash Royale
All
Royale Pass
Gems
Make
Make
Campaigns
Explore
Upload
Skin Details
Campaign Details
Guidelines
Timeline
Additional
Additional
Login With Supercell ID
Profile
Creator Code
Accessibility
Accessibility
Sufficient Contrast
Sufficient Contrast
Ample spacing and size
Ample spacing and size
Thanks for reading!
Thanks for reading!
Copyright@2025
Pixel Typeface: Juxel By Juxtopposed
Faizaan Azmat