INTERACTIVE DESIGN // Project 2
Week 8 - Week 12 (19/05/2021 - 20/06/2021)
Fann Man Ling - 0344623 (BDCM)
Interactive Design // Mr. Shamsul & Mr. Lun
Project 2// Microsite
LECTURES
Week 8 : No class (ILW)
Week 9 : No class (Public Holiday *Wesak Day)
Week 10: Lecture (Responsive Web Design)
Week 11: Announcement of the deadline for Project 2, Brief on Final Project
Week 12: Project 2 Submission deadline
INSTRUCTION
Module Information Booklet
PROJECT 2: Microsite
This project is an extension of Project 1 (from a prototype to working websites).📮Click this to view: Project 1 landing page design
Fig 1: Project 1_Landing Page Design
After we learned about HTML, CSS, Boostrap, we were asked to start working on Project 2, which is to convert our Project 1 landing page design into a real HTML and CSS website. Nevertheless, Mr. Shamsul said we can revise the landing page design in this project.
It was quite tough to make the website in the layout I expected even I used the templates from Boostrap. Luckily I found some good templates online and super helpful for me.
Elements I have used in my microsite:
CAROUSEL:
Fig 2.1: Carousel element #1
Fig 2.2: Carousel element #2
Fig 2.3: Carousel element #3
GRID
Fig 2.4: Grid element #1
Fig 2.5: Grid element #2
Fig 2.6: Progress
Final Work:
Fig 2.7: Compilation of screenshots_final website look (16/06/2021)
WEEK 16 // 14.07.2021
I learned the favicon and smooth scrolling effect when I was doing my final project (personal portfolio website). Hence, I decided to improve this project 2 again by adding a favicon and HTML smooth scroll code for the website. Then, I updated it in Netlify.
FURTHER READING:
✨View my work here: https://skatedog.netlify.app/
Comments
Post a Comment