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

Popular posts from this blog

9. Understanding Meta tags: Definition, Meta tag analysis of a webpage of choice and description of each meta tag

 Meta Tags The <meta> tag defines metadata about an HTML document. This metadata is not displayed on the page, but is machine-readable. It is used by browsers to determine how to display content or reload a page, by search engines to identify keywords, and by other web services  (w3schools, 2019). Taking an example of a website  https://www.boohoo.com/ . We can view the source page and the meta tags of the website. References Boohoo (2023).  boohoo | Womens & Mens Clothes | Shop Online Fashion . [online] Boohoo.com. Available at: https://www.boohoo.com [Accessed 2 Feb. 2023]. w3schools (2019).  HTML meta tag . [online] W3schools.com. Available at: https://www.w3schools.com/tags/tag_meta.asp [Accessed 2 Feb. 2023]. ‌

6. Analysis and comparison of 2 e-commerce websites

Analysis and comparison between;  SuperDry vs Mountain Warehouse  E-commerce Website Evaluation The above diagram points out the major similarities between two websites  https://www.mountainwarehouse.com/  and  https://www.superdry.com/ . Both of the websites sell clothing related products, however MountainWarehouse aims towards an outdoor audience and SuperDry focuses on premium/designer style.  They have multiple pages like product, order, FAQ, home, etc. Both have social media links (Twitter, Facebook, Youtube and Instagram) but only Superdry has contact link. Add to bag/cart button is available on both and they sell internationally. Their pages are interlinked to the navigation bar and Superdry has 3 navigation tabs, MountainWarehouse has 11 tabs.   UX (User Experience) Evaluation Superdry and MountainWarehouse both have easy to navigate design but Superdry may be more user-friendly due to large product images. Both are written in clear English and...

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