3. Meesterproef week 3 - TheKevSter35/meesterproef-1920 GitHub Wiki

Updating quiz and style the platfrom

For this week. I update the quiz based on the feedback from week 2 and starting to style the overview page and quiz pages.

Updating the quiz

update

  • add a white background to the info-text to give more focus.
  • add text to the next question button.
  • images are updated based on feedback.

670e235184c41795331f2a2ed355149e

Result page

The result page is done!!!. Here the user will see how there score if they submit the quiz. Depending of the score the user will get a different message, Below the score the user see FAQ about the subjects within the quiz.

Digi_weet

Styling layout update

I choose to do the styling for the platform. Well Randy is focusing on the localfocus map. And Kevin.k Creating a dashboard for the user.

The styling is the same as wijzer.amsterdam to make that connecting that this is an addition to the site. But we changed some parts of it to make it its own platform.

3b15bf7e44896e177bcfbf7078fef14f

Sidebar

In the sidebar the user can see his progress and score. The navigation is hidden in the menu icon. Also, the chat function is always present so if the user needs help or is stuck in the platform the chat can help the user. It doesn't have much color because we want to let the user focus on the core functions of the platform (map and quiz).

069b26cdca529be88d2012f7683a0386

Overview (Home)

The map is really present on this page. We used a <iframe> to show the localfocus map. If the user click on one of the markers it will reveal a linear story that the user can follow. For example: bus icon, Time to checkin e3f13b9d4d05722b06123c2fb5ab7c15

Quiz page

b97c20e8e298b61a3c30197a3451f0e5

Detail page

It is a simple page. It explains the user how this game/tool works. if there are more games/tools the get a similar layout.

935d6dfda386e3c3a29f066d5a928e66

Conclusion

The platform is looking good. We have now a design that all of us can work with. It is still not there. The story part is really important and that can make or break the flow of the platform. Our goal is in week 4 to make it 80% done and also ready to test with the target audience.

⚠️ **GitHub.com Fallback** ⚠️