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.3: Navigation bar html
Fig 1.4: Navigation bar CSS
Fig 1.5: Homepage html

Fig 1.8: Education

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
Post a Comment