design phase
Bringing to life the user, their journey and design solution
Thanks to UX Research, the pain points were found by overlapping the insights from the quantitative method (survey) and the qualitative method (interviews), and these pain points enabled me to identify the two existing user groups.
pain points
Lack of a plan to certify
Module 1 course being too dense
user personae
Carlos, IT worker who aims to be CCNA
He is a tech worker who loves to push himself to grow in his career, he wants to find a way to certify after the courses.
Going deeper into Carlos’s experience
empathy map
Now, for further understanding, we develop what Carlos sees, does, says, listens thinks, and feels.
user journey map
Understanding Carlos's journey through the current process.
Organizing content
information architecture
Created to organize the content of the website into the different sections and subsections
Made to specify how the user will be able to perform all tasks required through the sections on the sitemap
Creating the design solution
wireframes
Now it was the turn for picturing the design solution, with the development of wireframes, various ideas were explored very quickly to choose the ones worth including in the website.
design system
To keep consistency throughout all screens on the sections of the website, a design system was developed, including all branding elements, color palette, typography, iconography, and components.
Mockups
Once the wireframes were done, it was time to apply the design system to the wireframes to see what the website would look like in reality, and what users will see and interact with.
hi-fi (high-fidelity) prototype
With the mockups, the interaction was added to create the high-fidelity prototype users will test.
