Exercise 2: Web Application/ Interactive Design

Exercise 2: Web Application/ Interactive Design

Rafa Maritza Hertrian [0364958]

Bachelor of Design (Honours) Creative Media/ Taylor's University

Interactive Design GCD 60904

---

PRACTICAL

Your task is to replicate TWO (2) existing main pages of the websites given in the link below to gain a better understanding of their structure. Choose any two from the link given. Follow the dimensions of the existing website from the width and height. 

This exercise will help you develop your design skills using software such as Photoshop or Adobe Illustrator, and gain insights into web design best practices. You can use any image from stock image or free stock icon. The image that you will be using does not have to be an exact image from the original website. You may replace it with a similar image. Focus on the layout, type style, and color style. To find similar typefaces/fonts, you can download fonts from Google Fonts. You may need to screengrab the website and can begin to replicate the page. 

Website 1: https://www.morganstanley.com/ 

Figure 1.1 Reference Page Web 1 (Morgan Stanley)

Adding Images 

Figure 1.2 Web 1 Adding Images

Creating Elements

Figure 1.3 Web 1 Creating Elements 

Adding Text

Figure 1.4 Web 1 Adding Text

Layer Panel 

Figure 1.5 Web 1 Layer Panel

FINAL RESULT (website 1: Morgan Stanley) 

Figure 1.6 FINAL RESULT (website 1: Morgan Stanley) PDF

Website 2: https://www.oceanhealthindex.org/?authuser=0

FINAL RESULT (website 2: OCEAN HEALTH INDEX)