Interactive Design - Project 1

Week 1-8
Jessica Tjoe / 0361482
Interactive design/ BDCM/ Institute of Innovation and Technology
Project 1


Instructions

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

Project 1 part 1 - Prototype design CV/Resume 

This is our first project. We were instructed to build a CV/ Resume prototype using for ourselves using Adobe XD or Figma. I started off collecting my information of what I've done over the years in a google doc. That includes personal info, contact info, education, hobbies, experience, achievements and everything else you'd need to apply for a job. 

I started off with a plain rectangle and extended it in order to fit all of the info. I then made the banner and added my name on it. I had a bit of difficulty trying to find two adjectives to describe me but I finally landed on Enthusiastic and Creative. If I find something I like I tend to get very enthusiastic about it to the point of obsession. 

Once everything was done I added the elements being Circles and curved rectangles. 



Splitting the resume into sections was needed in order to organize everything such as work experience and education, etc. Once I organized everything I added some elements that made them pop like diamonds as points and a line where the paragraphs are aligned which I was inspired by Tumblr's UI to do so. 


after that I added the other elements and adjusted the information that I needed, this was the first draft. 

Figure 0.1;CV draft 1

I showed it to my lecturer and he suggested I made a few changes. First Aligning all of the Info to one alignment. To add more margins on the side, removing the chibi and making the font smaller in order to give it that professional look. 

This was the result of the changes and the second draft. 

Figure 0.2: CV draft 2

I honestly liked this more. And so I finished adding all of my necessary information and exported it as a pdf. 

Final PDF and Jpeg

<iframe src="https://drive.google.com/file/d/12jPye3ZYLldvKvBLsWW7gk5Wo8QhuqU5/preview" width="640" height="480" allow="autoplay"></iframe>



Resume prototype final.jpeg


You can view the prototype digitally HERE! 








Comments

Post a Comment

Popular posts from this blog

Information Design - Exercise 1

Image
Week 1 - 2/7/25 Jessica Tjoe / 0361482 Information Design/ BDCM/ Institute of Innovation and Technology Exercises  Instructions <iframe src="https://drive.google.com/file/d/18ZbFRYA_RldeKabEIgx7oSZinkB_JJ8q/preview" width="640" height="480" allow="autoplay"></iframe> - Quantify raw data and visualize information as a photograph - Visual representation of numerical data that allows for easy interpretation and analysis. Instruction: Gather a set of objects and separate it into category such as color, shape, pattern, and other quantifiable factor. Example: 1. Box of Lego 2. Jar of button 3. Jar of marble ball 4. Set of colourful rubber strap & more. In this exercise you're required to quantify our chosen objects and arrange them into a presentable layout or chart. The information must be presented as is, and you need to arrange the objects with relevant indicators written o...
Read more

Information design - Project 1 & 2

Image
Week 3 - 5 (17/2/25 - 10/3/25) Jessica Tjoe / 0361482 Information Design/ BDCM/ Institute of Innovation and Technology Project 1 & 2 Instructions <iframe src="https://drive.google.com/file/d/18ZbFRYA_RldeKabEIgx7oSZinkB_JJ8q/preview" width="640" height="480" allow="autoplay"></iframe> Lecture Week 4 - Directive's manifesto What is  Directive's manifesto:   provides a working list that can help provide clarity on what Information Visualization through 9 directives, why information visualization differs from information art or infographics. 1. Form follows function 2. Interactivity is key 3. Cite your source 4. Power of narratives 5. Do not glorify aesthetics 6. Look for relevancy 7. Embrace time 8. Aspire for knowledge 9. Avoid gratuitous visualizations How to have a constructive w...
Read more

Game Art - Art bible - Final Compilation

Image
Week 15-16 Jessica Tjoe / 0361482 Game art/ BDCM/ Institute of Innovation and Technology Final Compilation  Instructions <iframe src="https://drive.google.com/file/d/1cUEykU-7-sHzba2V9WJoe5rY1406R5Vj/preview" width="640" height="480" allow="autoplay"></iframe> Game studies Figure 4.0: Game studies 1_No Straight Roads Figure 4.1: Game studies 2_Guilty Gear Strive Game studies 3_Zenless Zone Zero Concept Refinement Figure 4.3: Character refinement front view Figure 4.4: Character Refinement_3/4 view Character Variations ...
Read more