Interactive Design | Final Compilation

Melvin Yung Khun Yew | 0357241 | Bachelor of Design (Hons) in Creative Media
GCD 60904 | Interactive Design
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

Interactive Design Exercises

Image
Melvin Yung Khun Yew | 0357241 | Bachelor of Design (Hons) in Creative Media GCD 60904 | Interactive Design Week 1 — Week 8 Hello to Interactive Design! After the introductory class to the internet world where we are accessing multiple websites daily, including social media and other platforms. centuries till now on the font. Image credit: Shimrit Katz  via Linkedin JUMPLINKS These are the jump links to each part of this portfolio Summary from lectures Instructions Work Process Lecturer's feedback My reflections Lecture summary Mr Shamsul (Week 1): "Beware of clutters in the website design and refrain from bombarding the page with details and texts. White spaces are important in the website design, as they allow comfort in one's eyes." Lecture slide 1 What is usability? An interface with high usability ensures users fir...
Read more

Placeholder + Button experimentation

This is a placeholder page for the advanced typography label JUMPLINKS These are the jump links to each part of this portfolio Summary from lectures Instructions Work Process Lecturer's feedback My reflections My further reading Back to Top Steps Step 1: Import video clip (Mints Advertising) Step 2: Arranging the video clips in the timeline panel Step 3: Done! ...
Read more

Advanced Typography | Task 1

Image
Melvin Yung Khun Yew | 0357241 | Bachelor of Design (Hons) in Creative Media GCD61004 Advanced Typography Week 1 to Week 4 Hello to Advanced Typography! After the introductory class to the world of typography in the first semester of my first-year degree, I was greeted by another chance for a deeper comprehension of the typography knowledge compiled from centuries ago till now. Image of the post: The Joker Graphic Typography Image credit: Aleksandar Popovski via Dribble JUMPLINKS These are the jump links to each part of this portfolio Summary from lectures Instructions Work Process Lecturer's feedback My reflections My further reading Lecture summary WEEK 1 Typographic systems In the lecture, I learned that there are eight major variations of typographic systems with an infinite number of permutations such as: axial system , r...
Read more