Interactive Design | Final Project

-

05/11/19 - 26/11/19 (Week 8 - Week 10)                               
Yeo Ava (0340222)
Interactive Design
Final Project


 Lecture Notes 


 Instructions

Final Project

 For our final project, we were paired up in partners to create a website for each other. I chose to partner with Abby. Both of us discussed what we wanted, and we had some minimalistic design concept in our mind. So we also shared a google drive to post our information, pictures, etc.

 So Abby wanted a website where it's like random, mainly about the place she's been to and her appreciation for the moon. And she hopes that people who visited her website that saw the pictures will feel as if they're there too.

 She has great pictures from her travels, so I've decided to design around that. She likes to take pictures of the blue sky with skyscrapers. So I've decided to make the website with a blue colour palette and also a hint of pink to make it more feminine.
Fig 1.1 Colour scheme #1

Fig 1.2 Colour scheme #2
Fig 1.3 Pictures shared through google drive folder

Fig 1.4 Pictures shared through google drive folder

Fig 1.5 Pictures shared through google drive folder

 I then edited most of the pictures on my phone through an app called VSCO, below is one of the image I edited.

Fig 1.6 before & after of edited photo
Below are the two fonts I used in the website.
Fig 1.7 Abril Fatface typeface

Fig 1.8 Oswald typeface

 I then went online to look for a template so I can do it better. Here is the original link.
https://www.free-css.com/free-css-templates/page246/greatness

 I downloaded it and started to do it in Dreamweaver.
Fig 1.9 HTML codes

Fig 1.10 HTML codes

Fig 1.11 HTML codes

Fig 1.12 HTML codes

Fig 1.13 HTML codes

Fig 1.14 CSS codes

Fig 1.15 CSS codes

Fig 1.16 CSS codes

 Fig 1.17 CSS codes
Each page required a new html.

 This is the link to my final outcome : https://abbyabigailbyyeoava.netlify.com/index.html


Comments

Post a Comment

Popular posts from this blog

Publishing Design | Exercises

-
Image
15/04/2020-20/05/2020  (Week 1 - Week 7) Yeo Ava (0340222) Publishing Design Exercises Lecture Notes Briefing & Formats 15.04.2020 | Week 1 We started class with a Facebook Live session with Mr.Vinod. He briefed us about the module, the projects and exercises that we would be doing for class. Moreover, we were briefed on about our project 1, he showed us some of our senior's works. We should be starting our content gathering by next week. He also posted a lecture video about "Formats" on Youtube for us to watch at home. In the video, he explained about the different formats that have been used by different civilisations around the world. He explained about how the formats have changed over different periods of time. The civilisations that were looked into were Mesopotamian civilisation, Ancient civilisation, Indus valley civilisation, Han Chinese civilisation and European civilisation. History of Print 22.04.2020 | Week 2 We started...
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

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