Then we made a wireframe of our project, which was the first draft
of what our application would look like. It navigates through
different pages and paints a rough idea for the fianl mockup. It
is a simple monochrome layout with the placement of all navigation
buttons and varios features. Later we modify and revise it into
our mockups, which allowed us to think about how we could improve
the user experience.
Our first mockups: The next step in the realization of our
project was to create, thanks to the Figma website, mockups of
our project. 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.