The focus of planning was to determine my target audience and the priority of features. I created a user summary and empathy map to solidify who my target audience would be. I performed competitive analyses to see what other apps did. I created a mood board, user flow, and information architecture to illustrate the design of the app.

After determining the target audience and necessary content, I created sketches of the layout the app would have. Sketching allowed me to quickly iterate to find the best ideas. After finding ideas that worked and getting feedback, I made edits in Adobe Photoshop before doing wireframes.

After sketching the initial layout of the app, I created low-fidelity wireframes. These wireframes allowed me to refine the layout of the app's content before adding assets the app would have.

After creating the low-fidelity wireframes, I moved on to create the high-fidelity prototype. With the low-fidelity wireframes being completed, adding assets and colors to create the prototype was straightforward. Doing the high fidelities in Adobe XD made prototyping simple to iterate on. See the link at the top of the page to try the prototype yourself.