Interactive Design// Final Project// Design, Exploration and Application
12/6-3/7/22 Week 10- Week 14
Chan Siew Ni #0352518
Bachelors of Design in Creative Media
Bachelors of Design in Creative Media
Interactive Design//Final Project
INTRODUCTION
<iframe
src="https://drive.google.com/file/d/19Jm8JmX_P6Zb26cpaeHRs6jTknT7wtKy/preview"
width="640" height="480" allow="autoplay"></iframe>
FINAL PROJECT
Illustration of each page
Before work on Adobe Dreamweaver, I first design my subpages in Adobe
Illustrator. the task required us to create 4 subpages so I decided to make
breeds of dogs, and Alaskan malamute information, products and also contact
us.
Figure 1 : Breeds page
My idea is after clicking the breeds page it will appear 9 different breeds of
dog and only Alaskan Malamute is clickable and It will show information about
the specific breed of dog.
Figure 1.1: Alaskan Malamute information page
Figure 1.2: Contact us page
Figure 1.3: Product page
Work Process in Adobe Dreamweaver
I started to work on Dreamweaver and all the images have also been edited
using Adobe Photoshop to make sure their size were same. I also use bootstrap
in subpages. Other than creating the page, we always have to ensure that the
page were responsive using other devices.
Figure 2: work progress on creating subpage
Figure 2.1: work progress on creating subpage
Figure 2.2: work progress on creating subpage
Figure 2.3: work progress on creating subpage
FINAL SUBMISSION OF FINAL PROJECT
REFLECTIONS
Overall I think this project was quite interesting. I learn a lot of
knowledges for examples creating subpages, using bootstrap and also creating
responsive pages. I found that creating a page were time-consuming than I
expected as we had to test out everything to make sure the images or text were
worked or at the right place. I observed that even one error occurs can take
you whole day to solve it. We had to look for solution or tutorials to solve
the problem and It takes a lot of time. But finally, I am happy with the
outcome and I think is useful and interesting.





.png)
.png)
.png)
.png)

Comments
Post a Comment