DOCUMENTATION.


Explanations & details of our project.

Project Draft



The first step was to produce a draft which including our mindmap on our assigned theme: "Promote action against climate change".

This draft is what allowed us to come up with an original application idea. That's why we are sharing it with you. It will allow you to understand the questions we asked ourselves and the progress we have seen in this area. But above all, we were able to find out what the needs were that had not been addressed before.









Wireframe



Then, we staeted making wireframe, the draft of our mockups. It is convenient for you to underdtand what does our app need to do at every step.
















Mockups Of Our Project



Then we made a mockup of our project following the wireframe. These mockups are demonstrators of our concepts that will allowed us to easily get end-users feedback. They provide a medium-fidelity representation of our projets.

Users can understand our thoughts more directly through mockup.














Tests



Finally, we found test users to help us test our mockup in order to improve our App.

They pointed out that there are many problems in the App, such as color matching, font format, button interaction and we can automatically upload data without the user clicking the button to upload.In addition, the tutor thinks that we can make mockup more like a game, which will make users feel more interesting

And the link to the tests we conducted here.





Reference



The typography of our web design draws on the following links and website.

  • example
  • example
  • Google font
  • unsplash