Skip to main content

14. Website homepage wireframe: hand sketch and digital

WIREFRAME

Wireframe is the foundation of a website and shows the relation of the contents on the page. The drawing shows and informs the final resulting website (Brathwaite, 2020).
Below is an example of a wireframe of my e-commerce website.






 References

Brathwaite, V. (2020). Wireframe Design 101: 6 Steps to Create a Wireframe | Adobe XD Ideas. [online] xd adobe. Available at: https://xd.adobe.com/ideas/process/wireframing/wireframe-design-101/ [Accessed 12 Feb. 2023].

‌


Comments

Post a Comment

Popular posts from this blog

25. Create an ERD for your website database. Identify the entities, attributes, relationships and cardinalities

 
Post a Comment
Read more

20. Analyse and compare different examples of product Pages

We are going to review and compare 2 websites selling energy drinks. Firstly, we have  https://www.lucozade.com/ . The page features a minimal look with a large product image and clear description. The price and quantity are enlarged to gain attention of the user as it is one of the most important part of a e-commerce website. The product page also has a promotion banner with free delivery and another stating reliable delivery and easy returns. (Lucozade, 2023) Secondly, we have  https://www.yourcoca-cola.co.uk/monster-energy-12-x-500ml/  . The page is similar to the previous, however this page contains more information like reviews about the product by customers, subscription and discounts for subscription , recycling banner for packaging and a product overview about the item.   (The Hut.com Ltd, 2023) References   Lucozade (2023).   Lucozade Alert - Original 12 x 500ml» Lucozade . [online] www.lucozade.com. Available at: https://www.lucozade.com/product/l...
Post a Comment
Read more