To achieve our goal, we worked with the Double Diamond methodology and the following tools:
- Service Blueprint: A collaborative tool that helped us to understand the relationship between all the actors and systems involved.
- User Personas: Once we understood that we had many actors, we defined the characteristics, motivations, skills, and interests of each one of them.
- Information Architecture: Thanks to the previous tools, we were able to identify all of the components needed for our web app. Now we had to organize, structure, and label those components, and we did this by creating the Information Architecture.
- User Flow: After we defined the Information Architecture, we created the paths that each one of the users should follow to achieve their tasks.
At the end of our research and planning, we had all the necessary information to design the web app, so we started creating lo-fi mockups. After lots of iterations, we were able to pass those lo-fi mockups to hi-fi mockups.