Website homepage wireframe: hand sketch and digital

                                        what is a website wireframe?

A website wireframe is a visual prototype of a web page that focuses on content, layout, and behavior. It usually doesn't include any styling, color, or graphics. It's like a blueprint to a house that shows the plan for plumbing and electricity without the interior design.

A website wireframe can also show the relationship between pages, allowing you to navigate between a series of mock-ups with clickable components.(Website Wireframe, 2023)


(Osama 2021)
  • Hand Sketch

(Jeremy, 2016)
  • Digital wireframe

(Rung, 2018)
Reference:

Website wireframe (2023) Website Wireframes - What are Wireframes, Mockups, and Prototypes. Available at: https://www.smartdraw.com/website-wireframe/ (Accessed: February 5, 2023). 

Rung, D.A. (2018) Wireframing Tips: Ergomania UX and Product Design Agency, ergomania.eu | Ergomania UX and product design in Budapest. Available at: https://ergomania.eu/wireframing-tips/ (Accessed: February 11, 2023).

Osman, M. (2021) Website wireframe beginner's guide: Processes, tools, & examples, HubSpot Blog. HubSpot. Available at: https://blog.hubspot.com/website/website-wireframe (Accessed: February 11, 2023).

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

 

Comments