Keep>Going First Aid - App Design
Overview
Keep>Going First Aid is a small family-owned business based in Orlando, Florida. They spent years traveling the globe, and during this time, couldn't find a First Aid Kit that they could carry around!

The goal of this project was to provide the company with a mobile game that would work well with the company website.
Role
UX/UI Designer

Proposal, Research Findings, Wireframes, Interactive Prototype and Evaluation Results.
Design Process
Description of your design

Discover:

User Research User Interview Competitive Analysis
Description of your design

Define:

Empathy Map Affinity Map
Description of your design

Ideate:

User Flow Information Architecture
Description of your design

Design:

Wireframe Hi-Fi Designs Prototype
Description of your design

Evaluate:

Feedback Conclusion Future Concept
Defining The Problem
Keep > Going First Aid lacks a mobile game to complement their existing website. The gap in their digital presence limits their ability to engage users beyond the website and fully leverage the potential for user interaction and education. To ensure we solve their problem effectively and efficiently, here is what our research will include:


1. Understanding the user and their needs

2. Uncovering pain points

3. Determining the success of the tasks measured
Gathering Insights
After defining the issue and gathering the necessary research, I conducted an affinity map to organize and categorize ideas, insights, and data. This helped make sense of the large amount of research gathered by grouping related items together based on their natural relationships or themes.






Affinity Map Diagram
Paper Wireframes
Based on the affinity map above, I worked towards drafting solutions for the mobile game. I mocked up paper wireframes to gather feedback from other designers and development. The wireframes are used to outline the basic structure and layout of the final digital product.




Paper prototype image
Finalizing The Prototype
I created my high fidelity mockups and final prototype in Adobe XD. The prototype is a matching game for kids that highlights the importance of safety. After each match the user gets, there is an educational popup that describes the importance of that item. Once all matches are complete the user then sees a congratulations screen and they can start over again. This keeps the user engaged and educated.




Project Wireframes Page 08 Project Wireframes Page 09
Wireframes1
Key Takeaways
Creating this project for Keep>Going First Aid was an invaluable learning experience. One of the most significant insights I gained was the importance of revisiting and refining stages as needed. In hindsight, I recognize the opportunity to streamline my process by revising certain aspects during the research and planning phases.

Reflecting on this project, I’ve realized the significance of understanding that a prototype is just a stepping stone. The real development happens in refining the product based on user feedback and testing. Embracing constant revision and consistently seeking ways to improve are essential practices in design!

More Projects
Keep Going > First Aid A backend system for processing online orders
Gante An easy way to shop for furniture online