Wireframes

Category : User Experience Design | Information Architecture | App
Software : Adobe XD, Adobe Illustrator

A wireframe, also known as screen blueprint, is a visual guide that represents the skeletal framework of a website or an app. Wireframes are created for the purpose of arranging elements to best accomplish a particular purpose. Wireframes focus on the functions available, priorities of the information, the rules for displaying certain kinds of information and the effect of different scenarios on the display.There is a difference between low-fidelity (mock-up, quickly produced) and high-fidelity (animation, images) wireframes.
This project covered the creation of wireframes for a fitness app.