Interactive Design | Final Compilation

Melvin Yung Khun Yew | 0357241 | Bachelor of Design (Hons) in Creative Media
VSP 60104 Video and Sound Production
Week 15

Final Compilation

These are the jump links to each part of this portfolio


Portfolio Links

▼ Exercises | HTML Document Development & HTML, CSS Document Development, CSS Layout Model

▼ Project 1: Prototype Design

▼ Project 2: Working Web Page

▼ Project 3: Design, Exploration and Application

Submission

Task |  Exercise

Week 1 to Week 8
Exercise 2 The Replica - Morgan Stanley
Morgan Stanley website replica on 11/5/2024

Exercise 3 Recipe Card

Recipe Card here


Project 1 |  Prototype Design - Digital Resume/CV

Week 4 to Week 6
CV prototype



Access the prototype with the buttons below (Figma account login required)


Project 2 |  Working Web Page

Week 6 to Week 8

Access the Netlify website below:

Visit my CV website


Project 3 |  Design, Exploration and Application

Week 8 to Week 14

Webpage Overview



Access the website here:


Access the HTML, CSS and JavaScript files here:

Google Drive

My reflections

Learnings

Although initially confusing, I quickly grasped the fundamentals of HTML and CSS, thanks to Mr. Shamsul's helpful resources. Coding a responsive website from scratch was challenging yet rewarding. I delved into new CSS and JavaScript to enhance my designs, finding joy in implementing new functions and features.

Observations

Throughout the module, I observed the importance of clean, responsive design that adapts seamlessly to different screen sizes. I noted how even small tweaks in code could significantly impact the user experience, highlighting the intricate balance between functionality and aesthetics.

Findings

I discovered that while coding can be tiring, it is also incredibly satisfying to see a fully functional and visually appealing website come to life. This experience solidified my interest in UI/UX design, and I recognize that I have much more to learn as I specialize in this field in my second year at university.





Comments

Post a Comment

Popular posts from this blog

Typography | Task 1: Exercise

Image
25.09.2023 — 29.09.2023  (Week 1 - Week 5) Melvin Yung Khun Yew | 0357241 | Bachelor of Design (Hons) in Creative Media GCD60104  Typography Task 1 This portfolio consists of: Lectures Instructions Work Process Feedbacks Reflections Further Reading Click on the link to jump to that part of the portfolio ↑↑↑  Back to top  ↑↑↑ LECTURES Week 1 INTRODUCTION & BRIEFING In the first week of my first semester, I met Mr. Vinod and Ms. Low Hsin Yin as my lecturers to guide me in typography class. He provided the necessary information during a lecture to ease me into this module about using the Microsoft Teams application as the main platform throughout the semester. Later he supplied the whole class with several class materials such as the fonts that I would need to use for this semester's assignments. Mr. Vinod was also kind enough to recommend the class multiple books for referencing and learning about typography. Mr Vinod cleared our minds by introd
Read more

Illustration and Visual Narrative | Task 1

Image
Week 1 - Week 4 (25/9/2023 - 23/10/2023) Melvin Yung Khun Yew | 0357241 | Bachelor of Design (Hons) in Creative Media COM 61304      Illustration and Visual Narrative Task 1  This portfolio consists of: Lectures Instructions Work Process Feedback Reflection Click on the link to jump to that part of the portfolio Lectures ↑↑↑  Back to top  ↑↑↑ Week 1: The Bezier Game To start the first class, Mr Hafiz introduced us to a little fun game that can assist us in understanding and being able to utilise the pen tool in Adobe applications as it is one of the most important tools for drawing and creating illustrations in later classes and assignments. The Bézier Game at  https://bezier.method.ac/ Thus I gave it a try:  O
Read more

Digital Photography and Imaging | Task 1

Image
Digital Photography and Imaging September 2023  25.09.2023 — 27.10.2023 (Week 1 — Week 5) Melvin Yung Khun Yew | 0357241 | Bachelor of Design (Hons) in Creative Media GCD 62104     Digital Photography and Imaging This portfolio consists of: Lectures Instructions Work Process Feedback Reflection Click on the link to jump to that part of the portfolio
Read more