Interactive Design: Project 2

22/5/2024 - 5/6/2024 / Week 6 - Week 8
Tee Jia Ern / 0348512
Interactive Design / Bachelor of Design in Creative Media
Project 2


INSTRUCTIONS

Part 2: Final Design - Creating a Digital Resume/CV

Link: https://tjeproject2.netlify.app/
Fig 1.1: Website Screenshot

I used the typography name logo as my logo in this website. There is a black logo on top and a white logo in the center of a galaxy. 
Fig 1.2: Homepage

Fig 1.3: Navigation bar html
Fig 1.4: Navigation bar CSS

Fig 1.5: Homepage html

Fig 1.6: Homepage CSS

Then in the profile section I used containers to split the web into two parts. The profile image and the profile text bio. 
Fig 1.7: Profile

For the education section I split the section into 3 containers. One for primary school, one for secondary school and another for university. 

Fig 1.8: Education

The experience section I included a mural painting behind the scenes image. I also have a brief description of the mural painting. 




Fig 1.8: Experience
For the skills I have two containers. They are software tools and web development. I included 3 adobe software icons side by side. I also added a centered list for web development.

Fig 1.9: Skills
Lastly, I have the contact section. There are 3 containers including my telephone, email and Instagram.

Fig 1.10: Contact

Fig 1.11: Contact 2


REFLECTION

Experience: I learned html and CSS in Adobe Dreamweaver. I learned about adding images, paragraphs and containers. 

Observations: There was a bit of a learning curve but I managed. I had to search online for different ways to apply my vision. 

Findings: There was a lot of error checking. It could be because I missed a letter or didn't add certain functions. 

 





Comments

Popular Posts