Omar bin Shafik (0371439)

Omar bin Shafik / 0371439 Interactive Design / Bachelor of Design (Honours) in Creative Media Exercise - Web Replication Exercise 2 - Web Replication For this exercise we had to pick 2 websites from the 3 given to us and replicate them using software available to us (Adobe Illustrator, Figma, etc.).  Original website images Fig 1, Bandit Running website screen capture  Fig 2, Morgan Stanley website screen capture Replication Process I decided use Adobe Illustrator to do the replication so that I could use layer to help separate the ares I worked on during the replication. Fig 3, Layers I also blocked out the places where images would go with black boxes first so that I could search up the images later and make the clipping mask process much smoother.  Fig 4, Example of the black boxes These are the wireframes or like outlines of the web replication I did. Fig 5, Bandit Running replication outlines Fig 6, Morgan Stanley replication outlines Final Replication These are ...

Omar bin Shafik / 0371439 Interactive Design / Bachelor of Design (Honours) in Creative Media Exercise - Web Analysis Exercise 1 - Web Analysis We are tasked to do an analysis of two out of the three websites that were given to us, covering the purpose of the website and the strengths and weaknesses of the website and how they can impact the user experience. I will be talking about these mainly from a desktop point of view and mention a few things about how the website looks on mobile near the end of the analysis. 1. Web Analysis 1 - panelki Website link:  panelki Intro Panelki is a website that tells the viewer several aspects of residential units called panel houses in Germany, their history, culture and what is currently happening to them. The header manages to convey this pretty well.  Website Navigation There are buttons scattered across the main page that lighten and dim in a sort of rhythm with words on the left side of the page that tell you the w...