Website homepage wireframe: hand sketch and digital

 What is a website wireframe?

A wireframe is a two dimensional illustration of a page's interface that specifically focuses on space allocation and prioritisation of content and functions available, and intended behaviours. (Mendoza, A. 2014)

(Blokdyk, G. 2018)

The wireframe is made using basic boxes, lines and other shapes to visualise the structure of the website before actually creating it this can be done in two main ways hand sketch and digital

Hand Sketch

(Speckyboy Design Magazine, 2019)

Digital

(Smashing Magazine, 2012)

References:

Andrew, P. (2019) 20 inspiring examples of web and mobile wireframe sketches, Speckyboy Design Magazine. Available at: https://speckyboy.com/web-mobile-wireframe-sketch-examples/ (Accessed: February 6, 2023).

Blokdyk, G. (2018) Website Wireframe: Getting Started. North Charleston, SC: Createspace Independent Publishing Platform.

Kardys, D. (2012) How to sketch A new mobile Web, Smashing Magazine. Available at: https://www.smashingmagazine.com/2012/06/sketching-a-new-mobile-web/ (Accessed: February 6, 2023).

Mendoza, A. (2014) “How Mobile Wireframing Works,” in Mobile User Experience. Elsevier, pp. 67–86.