Interactive Design | Project 2

-

15/10/19 - 29/10/19 (Week 8 - Week 10)                               
Yeo Ava (0340222)
Interactive Design
Project 2 - The Troublemaker Manifesto: A Design Colloquium (Microsite)

Lecture Notes 

 Lecture 8: Responsive Web Design
15.10.19 (Week 8)
Mr Lun gave a lecture about responsive web design.

Lecture 9: No lecture
22.10.19 (Week 9)

Lecture 10: No lecture
29.10.19 (Week 10)
We didn't have a lecture today but Mr Shamsul briefed us about our final project where we would have to design a website based on our partner's request that will be our 'client'.


Instructions


Project 2

 This project is a continuation of our Advanced Typography collateral campaign, where we need to build a Troublemakers Manifesto case microsite. We can either use the bootstrap examples or the html and css file from Mr Lun where he used bootstrap to help him create his website for this project. We need to use and put all the data on one page for the microsite.

Fig 1.1 HTML code

Fig 1.2 CSS code

Fig 1.3 Microsite

Fig 1.4 Microsite

Fig 1.5 Microsite

Fig 1.6 Microsite

Fig 1.7 Microsite

Fig 1.8 Microsite

Fig 1.9 Microsite

Fig 1.10 Microsite



Microsite link : https://troublemakersmanifestoava.000webhostapp.com/sample1.html#myCarousel


Comments

Post a Comment

Popular posts from this blog

Advanced Typography | Exercises

-
Image
26/08/19- 23/09/19 (Week 1-Week 4) Yeo Ava (0340222) Advanced Typography Exercises Lecture Notes Lecture 1 : Introduction to Advanced Typography and Group Presentations about Typographic Systems 26.08.19 (Week 1) On the first day of class, Mr.Vinod briefed us about the module and what to expect it. Our task of the day was to teach the class about the 8 typographic systems, we were divided into 4 small groups to give a presentation on the topic given. Each group was assigned to present 2 typographic systems. My group got 'Grid & Modular Systems'. Following is the presentation slides of the 8 typographic systems. We get to have a Q&A session after every presentation, it was helpful and interesting to listen to other people's different opinion. Lecture 2 :  02.09.19 (Week 2) We didn't have much lectures this week in class, we were focused on showing our 8 typographic systems to Mr. Vinod and Mr. Shamsul. Mr. Vinod then contin...
Read more

Design Exploration | Projects

-
Image
  27/03/2021-05/07/2021 (Week 1 - Week 15) Yeo Ava (0340222) Design Exploration Projects Instructions Projects We were given the option to build any project we wanted based on the 17 Sustainable Development Goals for this module. By the end of the semester we would have to present one product from the project. This project is interesting as it gives us an opportunity to venture into different design applications. We were strongly urged to step out of our specialisations. After much considerations and research on the 17 Sustainable Development Goals, I've decided to choose Gender Equality as my topic for the project.  Gender equality, also known as sexual equality or equality of the sexes, is the state of equal ease of access to resources and opportunities regardless of gender, including economic participation and decision-making. We came up with our first draft of the project proposal and presented our ideas and approach to the topic. Below is my first proposal. Progression Af...
Read more

Advance Interactive Design | Final Project

-
Image
  14/10/2020-25/11/2020  (Week 8 - Week 14) Yeo Ava (0340222) Advance Interactive Design Final Project Instructions Final Project :  AR app about Taylors & Microsite about the AR App 14.10.2020 - 04.11.2020 | Week 8 - Week 11 For this final project we were assigned to create a microsite and prototype ar application of a campaign for Taylor's University. We were to create the microsite using Adobe Animate and the AR application with Spark AR. Final project are divided into two main area. - Spark AR app  - Adobe Animate  Spark AR app  - An AR app about Taylors You can do any kind of app for Taylors University. Adobe Animate Microsite  - A microsite about the AR app you did  - Objective of the app  - Where to download  -  Step to use the app, etc  - no number of page requirement. My idea was to create a AR map for Taylor's University, students can access the app by scanning their student id card with the app. The AR Map will a...
Read more