Website homepage wireframe: hand sketch and digital

 What is wireframe :

Wireframing is a way to design a website service at the structural level. A wireframe is commonly used to layout content and functionality on a page which takes into account user needs and user journeys. Wireframes are used early in the development process to establish the basic structure of a page before visual design and content is added. (Rees)


(Ghising, 2020)

Hand sketch :

(H., 2016)

Digital :

(Hannah, 2022)










Referencing :

Rees, D. (no date) What is wireframing, Experience UX. Available at: https://www.experienceux.co.uk/faqs/what-is-wireframing/ (Accessed: March 6, 2023).

Ghising, K. (2020) Wire framing, Prokura Innovations. Available at: https://www.prokurainnovations.com/wire-framing/ (Accessed: March 6, 2023).

H., J. (2016) Wireframing tools, design inspiration, and resources, The Site Slinger. Available at: https://thesiteslinger.com/blog/wireframing-tools-design-resources (Accessed: March 6, 2023).

Hannah, J. et al. (2022) What is a wireframe? your best guide, CareerFoundry. Available at: https://careerfoundry.com/en/blog/ux-design/what-is-a-wireframe-guide/ (Accessed: March 6, 2023).

Comments