Interactive Design Final Project - Portfolio Website

-
15/11/2022 - 11/12/2022 (Week 12 - 15)
WONG JUN ZHE / 0353613
Interactive Design / B' Creative Media / Taylor's University
Final Project / Portfolio Website

All files

Fig. 1 All files

Above are all the files required for my website. This website consists of 4 pages: Home, Collection, Process, and About page. Thus, I can a HTML and CSS file for each of the pages which are named accordingly. I also sorted all the images into one folder for easy access and organisation. 

Home page

Fig. 2.1 HTML code (Home)

Fig. 2.2 CSS code (Home)

Collection page

Fig. 3.1 HTML code (Collection)

Fig. 3.2 CSS code (Collection)

Process page

Fig. 4.1 HTML code (Process)

Fig. 4.2 CSS code (Process)

About page

Fig. 5.1 HTML code (About)

Fig. 5.2 CSS code (About)

Upload to Netlify

Upon completion of my code and ensuring that everything is linked correctly, I uploaded the file to Netlify. 

Below is the final outcome: JZ Portfolio


Comments

Post a Comment

Popular posts from this blog

Typography Task 3A - Type Design & Communication (Typeface Design)

-
Image
18/05/2022 - 01/06/2022 (Week 8 - Week 10) WONG JUN ZHE / 0353613 Typography / B' Creative Media / Taylor's University Task 3A - Type Design and Communication LECTURES / TUTORIAL 1. Sketches and deconstruction Fig. 1.1.1 Sketches Fig. 1.1.2 Deconstruction of letter 'r' 2. Digitization in Illustrator Fig. 1.2.1 Create several artboards Fig. 1.2.2 Create guidelines that determine your letterform (e.g. baseline, caps line, x height, etc.) Fig. 1.2.3 Start digitization in AI Fig. 1.2.4 Refining shapes Fig. 1.2.5 Comparison between letter 'a', before vs after refinement 3. Illustrator to FontLab Fig. 1.3.1 Measure distance of guidelines from the baseline in pt Fig. 1.3.2 Outlines before unite Fig. 1.3.3 Outlines after unite Fig. 1.3.4 Create new font Fig. 1.3.5 Place x y coordinates near letter Fig. 1.3.6 Ctrl c > Ctrl v into FontLab Fig. 1.3.7 Kerning process Fig. 1.3.8 Export typeface INSTRUCTIONS MIB:
Read more

Design Research Methodology Assignments 1 - 4

-
Image
29/08/2022 - 11/12/2022 (Week 1 - Week 15) WONG JUN ZHE / 0353613 Design Research Methodology / B' Creative Media / Taylor's University Compilation of Assignments INSTRUCTIONS Assignment 1 - Research Proposal Week 1 - 4 For my research proposal, I am required to do the following things: Identify a Research Problem within a topic of research Write a Research Rational Write a Problem Statement pertaining to the research problem Identify relevant Research Objective(s) - ROs Formulate a Research Question(s) – RQs pertaining to the Research Objective(s) – ROs Place a Title of the Research At first, I had a very va
Read more

Illustration & Visual Narrative Task 1 - Exercises

-
Image
30/04/2022 - 06/05/2022 (Week 1 - Week 5) WONG JUN ZHE / 0353613 Illustration & Visual Narrative / B' Creative Media / Taylor's University Task 1 - Task1 (Exercises 1 & 2) LECTURES Week 1 (31/03/2022) - Lecture 1: Introduction to module I was introduced to the module and tasks that I would have to complete throughout this module, including projects and assignments. For the first and second week, I will be working on 'The Vormator Challenge', which challenges my ability to create a character using several given shapes.  Week 2 (08/04/2022) - Lecture 2: Character design basics Lecture report 1 - Visual study of a character Fig. L.2 Dr. Heinz Doofenshmirtz Character chosen: Dr. Heinz Doofenshmirtz Dr. Heinz Doofenshmirtz is the main antagonist in
Read more