Interactive Design - Final Project

20.06.2019 - 04.07.2019 | Week 12 - Week 14
Kang Jiet Yee | 0336776
Interactive Design
Final Project

---

Lectures 

Week 12

No lecture, we continue to work on our final project.

Week 13

No lecture, we continue to work on our final project.

Week 14

No lecture, we have to finalize everything and getting feedback for our final project and blog.

---

Instructions

---

Final Project

For the final project, we are required to create a 5 pages website for a classmate based on his or her requirement, the content, style, purpose must be also provided by the classmate.

i decided to team up with my friend, Chelin Chang since we are having same style and might work well together as we know each other quite well.

Decided Content 

Content Provided by Chelin

After our discussion, we decided our content and style and send it to each other then start to work with it. Based on Chelin's requirement, i need to design a mininalist simple website about her.

Style & Typeface 

Style and Typeface choose

After that, i asked her about the logo and background she prefer for her website. Since the website need to be simple and direct, the colour scheme will be black and white, i also choose a marble background for her and design and logo with marble texture after our discussion . Besides, to fit the overall layout and design, i use Oswald, a sans serif typeface as the default typeface for the website.

Template & Examples 

Besides, other than bootstrap components, i also use some content from the following template which is minimalist and having simple and nice design which fits Chelin's preferable style. Pure Mix.

https://www.tooplate.com/view/2082-pure-mix

Content Uses

After i done with all the content, Chelin sends me some picture of her pets and also the list of her favourite drama for me to complete all the contents by including all the images in it.

Process of Coding | HTML & CSS

Screenshot of process (HTML)

Screenshot of process (CSS)

Final Outcome

Embedded PDF for 5 page of Chelin's Website.



To view the final outcome for website: Chelin's Website