Interactive Design: Project 2

2/10/2023 - 24/10/2023 (Week 6 - Week 9)
Seh Zi Qi/ 0355872/ Bachelor of Design(Honours) in Creative Media
Module Name: 202308/ Interactive Design
Project 2
LIST

Project 2:


LECTURES



INSTRUCTION

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

_______________
Project 2: Working Web Page - Creating Digital Resume/CV
"In this first part of the assignment, you will focus on creating a UI design prototype for your digital resume or curriculum vitae (CV) using prototyping software such as Adobe XD or Figma. The UI design prototype will showcase your digital resume's layout, visual elements, and user interface interactions."


____________
Research & Process

I used Project 1 as my reference to create the digital CV. Since I have 2 sections to my CV, I started by creating each section and column with a <div class=""> as a way to categorise them for practicality and ease of use. 

Fig 1.1, HTML Process of Digital CV, 9/10/2023

Once I was done categorising the HTML, I went into typing out the CSS code for the Web Page. A notable thing to mention would be that I needed to have the website responsive to mobile usage as well so that added another layer of annoyance when I realised that the CSS code wasn't working as I intended; even if the annoyance, I was able to push through and create the website to my liking.

Fig 1.2, CSS Process of Digital CV, 20/10/2023


____________
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


REFLECTION

This task was much harder than anticipated, I wasn't really good with CSS to begin with but I was still able to finish the task within the time constraint that I was dealt with, and it was quite stressful because it was my second time doing this layout besides the task we did in tutorial which helped me get a sense of how divs work. Even though it was stressful, I felt a sense of pride when I finished my digital CV and it looked just how I had imagined it to look, making me even more proud of what I'm able to achieve in just these few weeks of hard work.


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