BikeCheck
A mobile user experience design and user interface design case study..

UX UI > Prototyping > User Testing 
The purpose of this project was to design an app from the ground up. Starting with UX design, moving into wire-framing, then prototyping, and finally the UI design.

Below is a case-study outlining the entire project from start to finish. 

Software: Adobe Illustrator, Adobe Photoshop, Adobe After Effects, and Adobe XD
Early on in the process I had realized the key to BikeCheck becoming successful is finding ( or creating ), a bluetooth tracker with a strong enough signal. One major challenge is keeping it small and discrete so the user can hide the "tracker" successfully on their bicycle.

Wire Frames - Low Fidelity
I was able to validate many of my ideas and designs by referencing Lean UX. What I find great about the paper process is you can literally surround yourself with an idea and physically move the pieces until the flow is just right.

After I was happy with the roughs it was time to move into converting paper > digital 
Prototype Layout
( Interactive prototype designed using Adobe XD )
Prototype Walk through
UI
Initially my thought was to design the UI like an 80's video game. Think, gameboy colour. I wanted it to feel fun and nostalgic. But when the design came together it felt cold, slow, and outdated instead. 

Further iterations led to a warmer more universal design which I think spoke more to the type of user this product is meant for. 
Final Check-in screen
Conclusion ( final thoughts )

Although I have no intention of seeking funding to create this application I believe this project is scalable from this point. The purpose of this project was to go through the process of designing an app from the ground up. 

There has been positive feedback with the final UI design. Multiple testers had also suggested this could become a great addition to other applications.