Progress Achiever

Progress Achiever is an app which helps students to stay motivated to learn and giving them structure, by using gamification elements and goal-setting.

In my second year of university my team and I created an app for high school students which takes the current most common used online platform and improves it. Instead of a boring and sterile environment used nowadays for school platforms, I created a more colorful and fun looking experience which led to the styleguide used in Progress Achiever. By using gamification elements like achievements, a leaderboard, a realtime visual progressbar and sharing options, students can regain their motivation in a fun way and stay motivated to perform better than before.

• I was the teamcaptain (double diamond, structuring the design process, teambuilding, team EQ)
• I researched (desk-research, interviews, Ab-testing, prototype testing)
• I led creative sessions (coming up with new ideas, concepting)
• I created the styleguide (icons, colors, fonts, overall look)
• I co-created the prototype (interactions, frames, design choices)

Details
‍Before coming to the end product we had 3 different concepts of which I visualised one using a conceptposter as seen below.

After testing with the target group my team and I decided on another and in the end final concept, Progress Achiever. To start the design process I made a lowfid prototype/wireframe to showcase my ideas on how the app should behave and what kind of visual elements should be present. The prototype can be tested by clicking here.

Having underwent some iterations the prototype needed a visual rework for which I made some designs for the header:

And also color, font, icons and style choices:

To see the complete design process, feel free to take a look around in my teams miro board by clicking here.