top of page
Home page.png

Race Finder the app

Given the opportunity to design an app that from start to finished design but not a launched product yet. I wanted to design an app for finding races such as marathons, triathlons, bike races, and 5k's. I wanted this app to be easy to maintain up to date content as well as I wanted it to feel secure and safe for people to sign up using.

I spent the starting point of asking myself questions and deciding what I needed to know based on what I thought the app should do.

What am I interested in learning about finding a race?

1. When looking for a race, what is the user using as a deciding factor?
2. Will a beginner use this app as much as say a lifetime racer?
3. Quality of information needed to sort out races?
4. How far will a participant travel to do a race?
5. Are they looking for fun races such as bubble runs or color runs, or difficulty such as tough Mudder, or a triathlon?

Screenshot 2023-11-15 082939.png

So I started my research.

The ever important questions: who is my competition, what can I learn from them? What can I do better?

Screenshot 2023-11-15 083020.png
Screenshot 2023-11-15 083618.png

What do I know, What do I need to know, and how will I find out.

Who do I think would use the app and how do I think they would use it, I put a lot of thought into variety on the users but I also knew the variety of options would have to be used as well. 

Screenshot 2023-11-15 084220.png
Screenshot 2023-11-15 084527.png

I sent out a survey to a bunch of people, posted it to social media, as well as reddit. Took what I could learn from the survey responses to help align the app to what it should be or could be. 

Sorry for the poor lighting but these are my initial sketches of what I thought the app should be laid out like.

Screenshot 2023-11-15 084628.png

My first round wireframes to get a feel for what it should look like digitally.

My first style guide for the app. I wanted fun friendly colors that weren't awful to see when you are trying to utilize an app. 

Screenshot 2023-11-15 084641.png
Screenshot 2023-11-15 085134.png

This would be the original digital design with color using the style guide from above. It is definitely bright and usable, but not everyone likes bright screens.

Screenshot 2023-11-15 085453.png
Screenshot 2023-11-15 085643.png

Given the opportunity to redesign the UI of my app, I wanted to go with a darker screen as I personally struggle with astigmatisms in both eyes and too bright of light makes it hard to use or see certain things.

Home page.png
Race Info page.png
Screenshot 2023-11-15 085856.png

With my redesign I made sure that the colors were going to make things accessible as well as I added in some features that I didn't have shown before for people to better understand how the app would work if ever launched.

  • Facebook
  • Instagram

© 2023 Designs by Ti  Powered and secured by Wix

bottom of page