Interactive Design Compilation & Reflection

28/8/2023 - 10/12/2023 (Week 1 - Week 16)
Seh Zi Qi/ 0355872/ Bachelor of Design(Honours) in Creative Media
Module Name: 202308/ Interactive Design
Exercises
LIST



FINAL Web Analysis


Fig 2.1, Final Web Analysis (AIMKO), 4/9/2023

Fig 2.2, Final Web Analysis (AIMKO), 4/9/2023

Fig 2.3, Final Web Analysis (AIMKO), 4/9/2023

Fig 2.4, Final Web Analysis (AIMKO), 4/9/2023

Fig 2.5, Final Web Analysis (AIMKO), 4/9/2023

Fig 2.6, Final Web Analysis (Anya’s Gallery), 4/9/2023

Fig 2.7, Final Web Analysis (Anya’s Gallery), 4/9/2023

Fig 2.8, Final Web Analysis (Anya’s Gallery), 4/9/2023

Fig 2.9, Final Web Analysis (Anya’s Gallery), 4/9/2023

Fig 2.10, Final Web Analysis (Anya’s Gallery), 4/9/2023

Fig 2.11, Final Web Analysis PDF, 4/9/2023

____________
FINAL Web Replication

Google Slides Link:


Fig 4.1, Final Web Replication (Morgan Stanley) 1, 11/9/2023

Fig 4.2, Final Web Replication (Morgan Stanley) 2, 11/9/2023

Fig 4.3, Final Web Replication (Morgan Stanley) 3, 11/9/2023

Fig 4.4, Final Web Replication (Ocean Health Index), 11/9/2023

Fig 4.5, Final Web Replication PDF, 11/9/2023

____________
FINAL Recipe Card


Fig 6.1, Final recipe card, 10/10/2023


Fig 6.2, Final recipe card PDF, 10/10/2023


PROJECT 1: Prototype Design - Digital Resume/CV


FINAL Prototype Design

Final Figma Link [Prototype Design]:

Fig 2.1, Final Digital Resume/CV, 2/10/2023

Fig 2.2, Final Digital Resume/CV PDF, 2/10/2023

Fig 2.3, Final Digital Resume/CV Figma, 2/10/2023


PROJECT 2: Working Web Page - Creating Digital Resume/CV


FINAL Working Web Page - Creating Digital Resume/CV


Fig 2.1, Final Working webpage, 24/10/2023

Fig 2.2, Final Working webpage (mobile), 24/10/2023

Fig 2.3, Final Digital Resume/CV PDF, 24/10/2023


FINAL PROJECT: Single Page Lifestyle Microsite


FINAL Single Page Lifestyle Microsite


Fig 2.3, Final microsite, 10/12/2023

Fig 2.3, Final microsite (mobile), 10/12/2023

Fig 2.3, Final microsite PDF, 10/12/2023


REFLECTION

Experience
Throughout the 14 weeks of this module, I learned a lot more about website creation and how to create a good website with reliable functions that everyone can use; the module itself is quite helpful in terms of wanting to get better at coding or for people who would want to get a head start in UI/UX. Some projects gave me a bit of stress and doubt because I couldn't figure out why some parts of my CSS didn't work the way I wanted it to or why my code didn't work at all. You need to be patient when creating websites; the diligent work put into each site makes it such a good website. Even though it was stressful, I was still able to have fun because of the Mr Sham being a good teacher as well as my friends being there to help me through my struggles

Observations
In the 14 weeks of observing, I can conclude that each website that each of my classmates produced is unique to what they want to showcase. Taking the final project as an example, we needed to choose an artist that we like and create a microsite for the said artist, each artist has their own likes and dislikes, everyone's website is already different at that point and continues to be different with each layout and colour palette being tied to the certain artists that were chosen.

Findings
What I found during my 14 weeks was that creating a website is much harder than it seems. Aside from the normal HTML coding, the CSS is what makes the website look officially complete. Using the different websites that specialise in helping you create a better website, I was able to find out even more functions and elements; things like responsive images, interactive grids and more can help boost my website from a good website to a great website.


Comments

Post a Comment

Popular posts from this blog

Design Research Dissertation Compilation & Reflection

22/4/2024 - 4/8/2024 (Week 1 - Week 15) Seh Zi Qi/ 0355872/ Bachelor of Design(Honours) in Creative Media Module Name: DIS60304/ Design Research Dissertation Design Research Dissertation Compilation & Reflection LIST Task 1: Draft Dissertation Task 2: Final Dissertation & TURNITIN Report Task 3: Visual Design Publication Task 4: Research Article Journal Feedback Reflection ASSIGNMENTS TASK 1: DRAFT DISSERTATION Draft Dissertation Sheet Link: https://docs.google.com/spreadsheets/d/12bIVJyTp2OddJPPf3AAGkWGHcevJ202jg5kiVx6x-QI/edit?usp=sharing Fig 1.1, Draft Dissertation PDF TASK 2: FINAL DISSERTATION & TURNITIN REPORT Fig 2.1, Final Dissertation PDF Fig 2.2, TURNITIN Report PDF TASK 3: VISUAL DESIGN PUBLICATION Flipbook Link: https://online.fliphtml5.com/tksug/mrhu/#p=1 TASK 4: RESEARCH ARTICLE JOURNAL Research Article Journal Word Doc: https://docs.google.com/document/d/13CRuh3iITzNMBSuIHjlyeQD_HnJaEGVv/edit?usp=sharing&ouid=102364224628150830797&rtpof=true&sd=tr...
Read more

Information Design: Final Project

Image
3/2/2024 - 23/3/2025 (Week 1 - Week 7) Seh Zi Qi/ 0355872/ Bachelor of Design(Honours) in Creative Media Module Name: Information Design Final Project LIST Lectures Final Project Progress Week 1 Week 2-3 Week 4 Week 5-7 FINAL Final Project Feedback Reflection LECTURES Click here for the lectures. INSTRUCTIONS <iframe src="https://drive.google.com/file/d/19GbSnatV2f1uAcvbNRp8m00OaRtvXdc-/preview" width="640" height="480" allow="autoplay"></iframe> _______________ FINAL PROJECT " INSTRUCTION: Based on FLIP group topic research, produce a basic video animation. DESCRIPTION:  Using a processed design framework, you will now produce an infographic report to present the given information to a ‘target audience’ with the purpose of: Creating ...
Read more

Information Design: Project 1

Image
17/2/2024 - 16/3/2025 (Week 3 - Week 6) Seh Zi Qi/ 0355872/ Bachelor of Design(Honours) in Creative Media Module Name: Information Design Project 1 LIST Lectures Project 1: Animated Infographic Poster Part 1 Progress Part 2 Progress FINAL Animated Infographic Poster Reflection LECTURES Click here for the lectures. INSTRUCTIONS <iframe src="https://drive.google.com/file/d/19GbSnatV2f1uAcvbNRp8m00OaRtvXdc-/preview" width="640" height="480" allow="autoplay"></iframe> _______________ PROJECT 1: ANIMATED INFOGRAPHIC POSTER "Your main intention is to analyse the “delivery mechanism’s” that affect  the outcomes of your infographics. Though content is important,  however the aim of this presentation is too look at what makes an  infographic presentation work or does not...
Read more