INTERACTIVE DESIGN/PROJECT 2: WORKING WEB PAGE

29/05/2024 - 12/06/2024  /  Week 6 - Week 8

Marsya Arisa Binti Mahmud / 0359684

Interactive Design / Bachelor of Design (Hons) in Creative Media / Taylor's University

Project 2: Working Web Page

---

INSTRUCTIONS

Transform the static prototype from Project 1 into a fully functional and interactive web page. Use HTML and CSS to translate the design into code.

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

---

PROJECT 2: WORKING WEB PAGE

For my Project 1, I designed a prototype of my resume using Adobe XD. I then had to code this prototype in HTML and CSS.

Figure 1.1: Project 1 Prototype

Mood Board

Figure 1.2: Mood Board

HTML

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

CSS

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

Netlify Link: https://project2-marsya-0359684.netlify.app

Overall, there are areas I did not get to incorporate into my final design due to my lack of skills on HTML and CSS. For instance, I did not get to add the graphical elements and the lines the way I intended or the bars for the skill section.