Interactive Design / Project 2: Microsite & Project 3: Final Website
30.03.2022 - (Week 3 - Week 4)
REFLECTIONS
Chung Jia Xuan / 0346630 / Bachelor of Design in Creative Media
Interactive Design
Project 2: Microsite and Project 3: Final Website
INSTRUCTIONS
For project 2, we are to develop a microsite that was designed and proposed in Project 1 with a minimum of 5 web pages.
SITE MAP
 |
| Figure 1.1 Site Map |
The above sitemap shows how I planned my pages.
After planning the workflow of my webpages, I started to design them using adobe Illustrator.
FINAL MICROSITE DESIGN
Figure 1.2 Final Home Page Design
Figure 1.3 Facilities Page Design
Figure 1.4 Final Classes Page Design
Figure 1.5 Final Pricing Page Design
Figure 1.6 Final Contact Us Page Design
I seperated the CSS file for all pages. From Mr Shamsul's tutorials, I managed to do the basic workflow of web coding.
 |
| Figure 1.7 Project 3 html files |
 |
| Figure 1.7 Project 3 css files |
Some codes of my fitness website Home page:
 | |
|
For the entire project, I used Visual Studio Code to do the coding. After completed the coding, we were to generate the final website of ours through https://www.netlify.com/ to built our website.
Link to Final Website:
Webpage HTML and CSS coding in Google Drive:
FEEDBACKS
No feedback.
.png)
Comments
Post a Comment