Interactive Design - Project 2

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


Instructions


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

Project 2 - Resume Recreation

So we were tasked with the recreation of our resume from project 1. 

In all honesty I completely forgot about this project until said day of because I had 2 deadlines due the day before, which in turn adobe crashed on me 3 times just as I was about to finish causing this project to be submitted 2 weeks late due to having restarted everything again. I started off with a basic html and added in all the information within my resume. Then I sorted and formatted all the information

adding a css layout

I then added a css layout and linked both the files. Essentially it was supposed to have my image and decorative elements only to realize that i would need assistance from either figma, illustrator and other software in order to get the same effect. You couldn't just use dreamweaver in order to get the same effect. 

initial website profile

I had to upload a previous version of this because there was something wrong with the current file and netlify won't let me deploy it. At this point I'm not going to lie. I don't have any knack for coding or website building whatsoever, this turned out really bad and I can't even add any interactive elements to it because I'm afraid it will mess the site even more than I already have. 

Final PDF 


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


Final jpeg

You can view the site using the link below;

https://6694b699ebf65623af87ddbf--jessicatjoeproject2.netlify.app

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