Interactive Design - Project 1: Prototype Design

-

18.09.2023 - 02.10.2023 / Week 04 - Week 06
Ilhan Rayan bin Khairul Anwar / 0361205
Interactive Design / Bachelor of Design (Honours) in Creative Media
Project 1 - Prototype Design

LECTURE NOTES


INSTRUCTIONS


PRACTICAL
For our first project, we had to design a prototype digital CV that contained information about ourselves. 

Figure 1.1: Digital CV References, Week 4 (18/9/23)

After doing a bit of googling, I noticed that a lot of CVs had one column dedicated to the profile photo and general information while the rest was dedicated to experiences, summaries and other bits of information. The program that we had to use to design our CV was Figma.

Figure 1.2: Digital CV Layout, Week 4 (18/9/23)

Once I had my layout in mind, I started adding in all of the text first and figuring out how I was going to organise everything.

Figure 1.3: Digital CV w/ Text added, Week 4 (18/9/23)

Next was all of the additional elements and images that I was going to add for the "Projects" section at the bottom. I wasn't sure on how I was going to display it so I decided to use photos that I found off of the internet that matched the module I was taking.

Figure 1.4: Digital CV w/ Elements & Images added, Week 5 (25/9/23)

I was originally going to just have these three images at the bottom for three of my projects but when I saw that everybody was adding all of their previous classes I added in an arrow in the final version to show that you can use it as a carousel. I added in the different Adobe products as my skills since those were the ones that we've been using quite a lot these past two semesters so I added them in to showcase what I can do with them, with Premiere Pro being my best since I've already had two years of experience with it before coming to Taylor's.

FINAL Prototype Design
Figure 1.5: Final Digital CV Design, Week 5 (25/9/23)


FEEDBACK

Week 5
  • Creating a carousel for this CV may be difficult, especially since this is my first time doing coding.


REFLECTION

Experience
Overall this project was pretty interesting to say the least, we didn't do as much coding as I expected and it was more focused on designing a CV and understanding how to place elements and where we should place them in terms of hierarchy. But so far I'm enjoying this module but I am nervous about our work later on which would put a focus on the coding aspect of this class as I have had no experience doing coding in my whole life.

Observation
I didn't really notice much during this project as it was mainly a design-based project which I've done many times before so I didn't really think much of it, but coming up with what to put for my own CV was interesting to me as I had never considered what I would present in my CV before so getting to figure out what to do for it was interesting.

Findings
I've been finding this class to be pretty interesting since it combines both coding and website creation rather than only focusing on one or the other, but from what I've done with coding I've found that it may not be my strong suit nor an area of interest for me. Despite that I am intrigued as to where we'll go with this module.

Comments

Post a Comment

Popular posts from this blog

Design Research Dissertation - Task 1, 2,3 and Final Task Compilation

-
23.04.2024 - 04.08.2024 / Week 01 - Week 16 Ilhan Rayan bin Khairul Anwar / 0361205 Design Research Dissertation / Bachelor of Design (Honours) in Creative Media Task 1, 2, 3 and Final Task - Design Research Dissertation Compilation INSTRUCTIONS PRACTICAL Task 1: Dissertation Draft For our first task in this module, we had to write a minimum 7000 word dissertation about our topic and research that we conducted in Design Research Methodology. Figure 1: Dissertation Draft Task 2: Visual Design For the second task of this module, we had to create a visual design for our dissertation by turning it into a flipbook styled paper, on top of that the visual design and aesthetic has to match and share a similar theme with the dissertation's topic. Because my dissertation is on indigenous cultures and representation, I decided to try and create a design using elements that they would have used in the past to create books. I used buckskin as the cover and parchment for the pages so that it wou...
Read more

Digital Matte Painting - Project 1, 2 and Final Project

-
Image
25.04.2024 - 08.08.2025 / Week 01 - Week 16 Ilhan Rayan bin Khairul Anwar / 0361205 Digital Matte Painting / Bachelor of Design (Honours) in Creative Media Project 1, 2 and Final Project INSTRUCTIONS PRACTICAL Project 1 For our Project 1 of Digital Matte Painting, we had to create three invisible set extensions where we take a baseplate image and add on other elements to it to create a new environment. Figure 1.1: Mood Board I started off by creating a mood board for what I wanted to create for this module. I wanted to have an old religious building, like a cathedral or a church, in the middle or near a mountain range that looks abandoned or empty. I loosely based this concept off of an idea from a personal project of mine where there is a massive church-like building connected into a mountain. Figure 1.2: Invisible Set Extension Idea 1 For the first idea, I wanted to have a massive cathedral be the main centerpiece of this design and have a pathway leading to it down the middle. I man...
Read more

Advanced Typography - Task 1: Exercises

-
Image
30.08.2023 - 13.09.2023 / Week 01 - Week 03 Ilhan Rayan bin Khairul Anwar / 0361205 Advanced Typography / Bachelor of Design (Honours) in Creative Media Task 1 - Exercises LECTURES Link to Lecture Notes INSTRUCTIONS PRACTICAL TASK 1 / Exercise 1: Typographic Systems For our first exercise, we were introduced to eight typographic systems which are Axial, Radial, Dilatational, Random, Grid, Modular, Transitional and Bilateral. The objective was to recreate these designs in Adobe InDesign using the content given in the MIB. We were also instructed to watch the InDesign demonstration videos in the lecture playlist for guidance and assistance . We were also given these guidelines to follow: - Size 200 x 200 mm - Colours: Black and additional colour - Minor graphical elements Initial Process Before I started designing each of the systems, I decided to create all of the pages that I'd be using to design the different systems and their variations. I also decided to do three designs per sys...
Read more