Interactive Design Final Project
Interactive Design Final Project
INSTRUCTION
FINAL PROJECT
For our final project, we will need a classmate to be our partner. The reason we need a partner is that we are going to create a website for each other. Our partner will be our client and they will provide all the information. We need to design a website based on what the client want.
Kyra will be my partner for this project and we choose each other because we know what each other want. Basically, she wants a website for her online comic. She has created a series of interesting and cool characters for her comic and I need to introduce them to the website. The "call of action" for her website will be "read now".
Before we start, we need to create a mood board to show the lecturer and our client. Below is my Moodboard:
![]() |
| Fg1.0 Images provided |
After I showed the mood board to Kyara and the lecturer, I started to design the layout on Adobe Illustrator. Below is my progression:
After showing this to Kyra, she told me to change the font. She wants me to use EXO2 for the website, so I follow what she wants. I tried to apply EXO2 on Adobe Illustrator but due to some issues, EXO2 doesn't work on my AI. I will just skip these issues as we are running out of time, but I will apply it while doing HTML and CSS. Below is my final design for Parallax website, I did some changes as it will be lesser work for me and it does look better.
![]() |
| Fg.1.1 Designing layout on Adobe Illustrator |
After showing this to Kyra, she told me to change the font. She wants me to use EXO2 for the website, so I follow what she wants. I tried to apply EXO2 on Adobe Illustrator but due to some issues, EXO2 doesn't work on my AI. I will just skip these issues as we are running out of time, but I will apply it while doing HTML and CSS. Below is my final design for Parallax website, I did some changes as it will be lesser work for me and it does look better.
![]() |
| Fg.1.2 My progression of HTML |
![]() |
| Fg.1.3 My progression of CSS |





Comments
Post a Comment