Interactive Design: Final Project 29/10/19 - 26/11/19 (Week 10 - Week 14) Sia Man Sheng 0333877 INSTRUCTION In this final project, we are required to team up with a person from the class and create a professional website for them. The website could be either a portfolio, small business website, informational site or whatever else the client (which is our friend) wants.I decided to team up with YI XIANG. We both got to discuss on what we wanted our websites to be, then we individually wrote out our content and sent them to each other. Brainstorming I got to finalise on my content and with the information given from my partner,then I start with creating a sitemap, wireframe sketches as well as a mood board for his website. Figure 1.1 Mind-mapping on Content Figure 1.2 Wireframe Sketches For colour template, I have selected the famous hot pot restaurant, which is Hai Di Lao as my reference and has extracted colour for my website from ...

Interactive Design: Troublemakers Manifesto Microsite/ Project 2 15/10/19 - 29/10/19 (Week 8 - Week 10) Sia Man Sheng 0333877 LECTURE NOTES Lecture 6: Responsive Web Design This week, we were told that our collateral is no longer an e-invitation, but instead a microsite. I learned that microsite is essentially a website that is separated from the main site, and it usually has a specific goal or target audience to it. There are also a handful of benefits such as cost, speed, good for experimental tool, having detailed information and more. Moving on, we were introduced to bootstrap, and we got to briefly learn about it and how we can apply it to our designs. I also got to learn about the grid system in bootstrap. Figure 1.1 Grid System in Bootstrap INSTRUCTION Bootstrap Exercise For this project, we are to create a microsite for Troublemakers Manifesto using Bootstrap 4. The microsite should contain all the collateral we have done as ...