Interactive Design: Exercise 2

29/4/25 - 6/5/25 // Week 2 - Week 3

Chuah Shu En // 0368157

Bachelor in Design (Honors) in Creative Media

                                                                                                                                                                                                                                                                                                                                                                                

Interactive Design // Exercise 2

---

Table of Contents

1. Lectures

2. Instructions

3. Task

4. Feedback

5. Reflection

---

Lectures

Instructions

<iframe src="https://drive.google.com/file/d/1aWod0H4Vvx-ySSKOVt3XcldiqUsbI1EM/preview" width="640" height="480" allow="autoplay"></iframe>

Task

Website 1 < https://www.wemake.nl/ >

First, I started with screen capturing the website and putting it into Adobe Illustrator. Then, adjusting the artboard to fit the size of the website. 

Once that was settled, I started replicating the website, using the original website as a reference. 

Fig 1.1, Process (3/5/25)

Fig 1.2, Process (3/5/25)

The fonts I mainly used were  myriad pro, minion and variable.

Fig 1.3, Process (3/5/25)

Mr Shamsul gave us a site to get royalty free images from, so I searched for similar looking pictures.

Image Sources:

https://www.pexels.com/photo/view-of-an-empty-room-221537/

https://www.pexels.com/photo/white-plastic-chairs-and-tables-in-white-room-3778619/

https://www.pexels.com/photo/man-walking-at-a-hallway-8691844/

Final

Fig 1.4, Wemake Website Replication (3/5/25)

Website 2 < https://telepathicinstruments.com/ >

https://www.pexels.com/photo/crop-musician-playing-electronic-keyboard-5001538/

https://www.pexels.com/photo/anonymous-musician-playing-electric-piano-in-room-4552529/