I started the first step in my process by defining and answering the 5 W questions.

After defining the scope of the app, the next step was creating user stories and a proto persona to better understand my users’ needs and goals.

I then figured out the essential features the app would need to make it successful and useful. I also created a user flow diagram to map out these features and see what kind of pages would be necessary for the app.

Next, I started sketching low-fidelity wireframes with pencil and paper. I moved on to Figma for my mid-fidelity wireframes, where I used a 12-column grid to create the initial layouts for mobile, tablet, and desktop devices.

I made a style guide to show and instruct others on the final choices for all visual aspects, including colors, icons, and typefaces.

I continued to use Figma to create my high-fidelity wireframes and an interactive prototype.

I would like to test the design with users to validate concept so far. It would be important to find out if the app’s flows and visual design resonate with users or not. I would also like to see where there are areas of improvement because continuous iterations are an integral part of the design process.