Savy Web App
UI/UX ProjectSavy is a data driven web app for recycling which helps people who want to learn about process of recycling in Canada by providing recycling information and visualizing data statistics of recycling waste.
User Flow
After collecting the insights from the user research and finalizing the features to serve the needs of the user, I with the team designed the slow for the website making sure to keep the website engaging and informative.
Wireframes
The finalized flow lead us to create the wireframes and I was responsible for designing the entire quiz part of the website. The idea was to make it fun and winsome for the user.
Mock-ups
Moving close to MVP after integrating the low fidelity structure of the quiz page, the focus was to make a high fidelity model with all the possible graphics requirement. Rather than making it to be a scrollable one page website the, the scenario was to have a reveling and progressive design letting user go till end to get the final score with playful graphics of natural elements.
Start Quiz
Quiz Questions
Correct Answer
Quiz Result
Savy Stickers
The explore part of the website demanded to provide resources for the user which appear to be attractive, so I being working on all the graphics of the website designed the stickers which can be user to promote and build recycling habit.
