Problem
The mobile application struggled with various component and styling inconsistencies throughout the interface. This lack of consistency led to a diminished visual and user experience.
Objective
Create a design system utilizing repeatable components and standardized style guidelines.
Approach
1. Import the whole application in Figma using components, color styles, effect styles, and grids.
2. Develop a design system and product guidelines to standardize components and styling.
3. Reskin the application utilizing new system and guidelines.
4. Create a design handoff document helping the dev team understand the design system, guidelines, and updates made during the reskin.
2. Develop a design system and product guidelines to standardize components and styling.
3. Reskin the application utilizing new system and guidelines.
4. Create a design handoff document helping the dev team understand the design system, guidelines, and updates made during the reskin.
Result
A more consistent product with a better overall user and visual experience, top-level overview of the product that helps educate other departments of all product offerings, and better process for designing and shipping future product functionality.
Home
Hunt Info
Hunt Leaderboard
Shop
Profile
Past Hunts
Theme Select
Ticket Modal
Coin Modal
Game Lobby
Game Info
Faq Modal
Character Select
Team Photo
Hunt Intro
Daily Challenge
Location Challenge
Location Challenge
Multiple Choice
Number Guesser
Letter Scrambler
Results
Score
Hunt End