Avela

This is the following step after receiving the briefing and discovery. It is important to identify breaks in the user journey and make sure all scenarios are covered.

Besides creating the concept of the initial structure and number of screens, this step is necessary to define information hierarchy and address gaps between design and development, in terms of data and technical viability. Se we would meet with PMs and Devs to discuss how each element would be implemented and ensure we were provided all of the data used in the interface.

After double checking the wireframes with Devs and PMs, we would create the high fidelity screens, applying branding with the chosen library, Chakra UI. The visuals must be as simple as possible, since this can be an overwhelming process for parents.

With aesthetic elements in place, I adjusted the visual hierarchy, going in depth into the anatomy of important components, making sure to use real data to test its effectiveness.

To ensure we were providing the best experience for parents, I had the opportunity to plan and execute usability tests with 7 sets of parents. This process involved the following steps:

1. Defining goals and flows to be tested;
2. Producing the clickable prototypes on Figma;
3. Writing the interviews script, with tasks and questions for the parents;
4. Guiding the interviews, instructing and getting insights from the interviewed;
5. Gathering the qualitative data and extracting quantitative bits;
6. Writing a report with findings and improvements to be made;
7. Applying changes to the interface.