Designs

Phase 0

For this project, I originally used mockflow to create wireframes and screens. https://wireframepro.mockflow.com/view/Ma71fb54ecd88842abc00ebcd140992321610257137559#/page/24ed53e9a19d4f518c1a1a6e325c2cad Screen Shot 2022-02-27 at 9 53 28 AM

Initial high-level design scratches, following an "arcade cabinet" theme for the UI:

Phase 1

After working towards and delivering a beta version of the app, I had been able to implement the following, which was just re-implementing the existing biketag.org website within the new app: Screen Shot 2021-12-12 at 12 50 27 PM Screen Shot 2021-12-12 at 12 49 54 PM

Phase 2

Then, students at Prime Digital Academy did a UX analysis and redesign of the site, which can be found here:

The one I liked the most brought us this design: This PR should include the following updates:

Screen Shot 2022-02-22 at 10 27 23 AM

Phase 3

Finally, for the launch of the new BikeTag App (2.0), we have these designs from our designer for both the landing page and the app. Many thanks to Jerome Lacote for working with us on the UX!

Style Guide BikeTagStyleGuide

Website designs Bike Tag - HOME v1 Bike Tag -LANDING

Phase 4

BikeTag 3.0 is going to be a polishing of BikeTag 2.0 plus new features like Achievements. The intention with BikeTag 3.0 is to be more stable, to take up less bandwidth, to be more simple (using a single font now), and to provide full user login features.

We have a new font (BikeTag): Screenshot 2023-12-29 at 12 25 51 PM