KeepUp Mobile App
Project Overview
Role
Designer, researcher, and developer
Duration
4 months
Year
2025
Technologies
Proposal
Design a mobile application which focuses on the unmet needs of the Magic: the Gathering trading card community. This requires extensive research of the community, and the ability to design around the pain points discovered.
Solution
The KeepUp mobile application, which provides Magic: the Gathering players with a lightweight, on-the-go tool to manage their card searches and export them to existing deck managers.
Process
Research, design, test, and develop a complete mobile application with a user-centric approach utilizing multiple research and design methods. This process involves a non-linear path to completion based on initial research, which changed the scope and direction of the application as a whole.
Problem
Discovering pain points in the community
Research
Gathering insights to inform design solutions
Design
Iterating from the ground up
Test
Validating design solutions with users
Develop
Plan to build and launch the final product
Problem
Discovering pain points in the community
Research
Gathering insights to inform design solutions
Design
Iterating from the ground up
Test
Validating design solutions with users
Develop
Plan to build and launch the final product
Identifying Problem Areas
Developed key insights for problem areas which could be solved with a mobile application. Involves conceptualization techniques as well as UX research methods.
- •Uncovered various pain points across different categories of community needs.
- •Proposed initial solutions for discovered problems.
- •Developed personas to gauge target audiences.
- •Decided on which pain points to further explore.
Market Viability Analysis
Marketable graphics for the five potential solutions which references the mind map.
Artifacts
- •Mind Maps
- •Market Viability Analysis
- •User Personas
- •Preliminary Competitive Analysis
Market Viability Analysis
Marketable graphics for the five potential solutions which references the mind map.
Artifacts
- •Mind Maps
- •Market Viability Analysis
- •User Personas
- •Preliminary Competitive Analysis
Understanding User Needs
Gain insights on target audience's motivations, goals, aptitudes, and behaviors to assess appropriate solutions to address identified pain points.
- •Conducted in-depth interviews with a variety of players
- •Adjusted the scope and focus of the solutions based on research findings
- •Updated and completed additional research methods such as competitive analysis and personas
Detailed Competitive Analysis
A complete analysis of the prominent applications for the Magic: the Gathering community.
Artifacts
- •User Interviews
- •Scope Changes
- •Journey Map
- •Updated User Persona
- •Detailed Competitive Analysis
Detailed Competitive Analysis
A complete analysis of the prominent applications for the Magic: the Gathering community.
Artifacts
- •User Interviews
- •Scope Changes
- •Journey Map
- •Updated User Persona
- •Detailed Competitive Analysis
Creating the Interface
The complete design process containing a series of iterations, variations, and design artifacts, all to create a final, high fidelity design with a focus on user experience and functionality.
- •Iterating designs stemming directly from user research
- •Appropriate usage of design artifacts to guide the design process
- •Creation of a high fidelity, interactive prototype in Figma
Style Exploration
Exploring the visual style of the application through variations of the same screen.
Artifacts
- •Journal Sketches
- •Task Flows
- •Mood Board
- •Low Fidelity Design
- •Sketch Scenarios
- •Style Exploration
- •Wireframe Flows
- •Design System
- •High Fidelity Prototype
- •Mockups
- •Logo
Style Exploration
Exploring the visual style of the application through variations of the same screen.
Artifacts
- •Journal Sketches
- •Task Flows
- •Mood Board
- •Low Fidelity Design
- •Sketch Scenarios
- •Style Exploration
- •Wireframe Flows
- •Design System
- •High Fidelity Prototype
- •Mockups
- •Logo
Validating the Solution
Tested the final prototype with actual players to assess different metrics and aspects of the application.
- •Worked with industry standard metrics to improve NPS, CSAT, and SUS scores compared to primary competitor
- •Conducted structured interviews and task flow evaluations
Usability Testing
Flyer created to attract testers to participate in a multi-pronged user-testing process to assess the viability of the prototype compared to the primary competitor.
Artifacts
- •Usability Testing
- •Task Flow Evaluations
- •User Interviews
Usability Testing
Flyer created to attract testers to participate in a multi-pronged user-testing process to assess the viability of the prototype compared to the primary competitor.
Artifacts
- •Usability Testing
- •Task Flow Evaluations
- •User Interviews
Bringing KeepUp to Life
Using the previous detailed designs to create a functional cross-platform mobile application (currently in progress).
- •React Native to allow cross-platform development
- •Supabase for real-time database
Technology Stack
Technologies and tools used to create the project.
Artifacts
- •Technology Stack
Technology Stack
Technologies and tools used to create the project.
Artifacts
- •Technology Stack
Let's discuss how I can bring your ideas to life.