Let's Roam: Design system and reskin
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 standards and updated elements and assets.

4. Create a design handoff document helping the dev team understand the design system, guidelines, and updates made during the reskin.
Result
A 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.
Onboarding
Onboarding
Onboarding
Login
Text Login
Text Validation
Shop
Profile
Past Hunts
Home
Hunt Info
Hunt Leaderboard
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