Posts

Interactive Design Project 2 - Working Landing Page

Image
15/11/2022 (Week 12) WONG JUN ZHE / 0353613 Interactive Design / B' Creative Media / Taylor's University Project 2 / Working Landing Page HTML code using Bootstrap Bootstrap 4.6 website:  https://getbootstrap.com/docs/4.6/getting-started/introduction/ Fig. 1.1 Link HTML document to Bootstrap Fig. 1.2 HTML code (Part 1) Fig. 1.3 HTML code (Part 2) Fig. 1.4 HTML code (Part 3) Fig. 1.5 HTML code (Part 4) Fig. 1.6 HTML code (Part 5) Adding Custom CSS Fig. 2.1 CSS code (Part 1) Fig. 2.2 CSS code (Part 2) Fig. 2.3 CSS code (Part 3) Fig. 2.4 CSS code (Part 4) Final Outcome https://assignment2-wongjunzhe.netlify.app Fig. 3 Screenshot of Final Landing Page

Interactive Design Exercise 4 - Layout Exercise + Layout Design

Image
02/11/2022 (Week 11) WONG JUN ZHE / 0353613 Interactive Design / B' Creative Media / Taylor's University Exercise 4 / Layout Exercise + Layout Design Layout Exercise HTML Webpage Fig. 1.1.1 HTML Webpage Fig. 1.1.2 HTML code (Part 1) Fig. 1.1.3 HTML code (Part 2) Adding CSS Fig. 1.2.1 CSS code (Part 1) Fig. 1.2.2 CSS code (Part 2) Fig. 1.2.3 CSS code (Part 3) Fig. 1.2.4 Linking HTML to CSS style sheet + Font Final Outcome https://layout-exercise-wongjunzhe.netlify.app/ Fig. 1.3 Screenshot of Final Layout Exercise 4 - Layout Design HTML Webpage Fig. 2.1.1 HTML Webpage Fig. 2.1.2 HTML Code (Part 1) Fig. 2.1.3 HTML Code (Part 2) Fig. 2.1.4 HTML Code (Part 3) Adding CSS Fig. 2.2.1 CSS code (Part 1) Fig. 2.2.2 CSS code (Part 2) Fig. 2.2.3 CSS code (Part 3) Fig. 2.2.4 CSS code (Part 4) Fig. 2.2.5 CSS code (Part 5) Fig. 2.2.6 CSS code (Part 6) Fig. 2.2.7 Linking HTML file to CSS file + Google font Final Outcome https://exercise4-wongjunzhe.netlify.app Fig. 3 Screenshot of final webpage

Interactive Design Exercise 3 - Replica of Website

Image
18/10/2022 (Week 8) WONG JUN ZHE / 0353613 Interactive Design / B' Creative Media / Taylor's University Exercise 3 / Replica of Website Original Website https://www.legalsuper.com.au Fig. 1.1 Screenshot of original website Replication of Website in Illustrator Fonts used:  Boska Futura Std Fig. 2.1 Design in Illustrator Fig. 2.2 Section of replica 1 Fig. 2.3 Section of replica 2 Fig. 2.4 Section of replica 3 Fig. 2.5 Section of replica 4 Final Design Fig. 3 Full Replica Design of Legalsuper Website

Interactive Design Project 1 - Landing Page Prototype Design

Image
21/10/2022 -28/10/2022 (Week 8 - Week 9) WONG JUN ZHE / 0353613 Interactive Design / B' Creative Media / Taylor's University Project 1 / Landing Page Prototype Design Sections Fig. 1.1 Section 1 - Main page Fig. 1.2 Section 2 - Collection Fig. 1.3 Section 3 - Process Fig. 1.4 Section 4 - About Me Fig. 1.5 Section 5 - Footer and contact Full Landing Page Design Fig. 2 Full Landing page design

Interactive Design Exercise 2 - 'VISION FOR THE UNEQUAL WORLD' Exercise

Image
11/10/2022 (Week 7) WONG JUN ZHE / 0353613 Interactive Design / B' Creative Media / Taylor's University Exercise 2 / 'VISION FOR THE UNEQUAL WORLD' Exercises Original HTML Webpage Without CSS Styling Fig. 1.1 Original webpage (No CSS) Fig. 1.2 Screenshot of section of HTML code Fig. 1.3 Screenshot of another section of HTML code Fig. 1.4 Added CSS code for style Final Webpage https://exercise2-wongjunzhe.netlify.app Fig. 2 Screenshot of webpage