Ideation

Prior to the process of generating alternatives, we established the basic information architecture using a sitemap. We built the map collaboratively using Google’s Jamboard. The initial sitemap was changed after the results of the usability test and institutional demands. The changes can be seen in the following images.

Initial version of sitemap
First version of the sitemap
Final version of the sitemap
Final version of the sitemap after the usability test and institutional demands

Sketches and Wireframes

The ideation process was done using Miro on Ipad. First sketching with a pen and then building wireframes of the pages, to explore the user flows and the layout of the elements on the page. With then we arrived at the layout of the elements that we believe would allow the best experience according to the functionality raised in the previous phases of the project.

Some of the wireframes produced