Project 5: Figma

From my project 4 research I that travel was a massive issue for the environment, and there was simple small changes people could do to make a huge difference. The is where the idea of my app Green Routes can from, I made the app different to one found within the app store. The differences…


From my project 4 research I that travel was a massive issue for the environment, and there was simple small changes people could do to make a huge difference. The is where the idea of my app Green Routes can from, I made the app different to one found within the app store.

The differences my app has, is a rewards system with incentives to encourage users to keep using the app. To show users how much of a difference them as an individual was making I added a feature that tells users how much CO2 they have saved from travelling via the bus instead of private car. The last feature I added to the app to make it different was adding consistent illustrations throughout several parts of the app with the aim of giving it some character.

Low Fidelity (click above to open figma)

I began the project with wireframes and low fidelity to begin to get an idea of how the app design was going to be looking.

Mid Fidelity (click above to open figma)

These were my mid fidelity which developed and got redesigned several times ot improve them into my final prototype.

High Fidelity (click above to open figma)

Finally the high fidelity took a lot of backwards and forwards with the screens and reviewing throughout with several user testings.