Final Project
Kim Chan Hee
0334532
Bachelor of Design in Creative Media.
Interactive Design Final Project
Lecture Notes
Instruction
Final Project
For our final project we had to make a website, after forming a partner, who for me was wan min, and she told me to make five pages of Home, About, Illustrations, Contact and Journal.
 |
Journal fig 1.1 |
 |
Journal fig 1.2 |
 |
Journal fig 1.3 |
 |
Journal fig 1.4 |
The pictures above are what she sent to me in messenger for the journal page.
 |
Illustrations fig 1.5 |
 |
Illustrations fig 1.6 |
 |
Illustrations fig 1.7 |
 |
Illustrations fig 1.8 |
 |
Illustrations fig 1.9 |
 |
Illustrations fig 1.10 |
This is what she sent for Illustrations page, the first three are the illustrations she drew' and the other last three are the illustrations she like.
 |
logo fig 1.11 |
This is the logo she made for the website.
 |
Color Palette 1.12 |
This is the color palette Wan Min wanted for the website.
 |
About fig 1.13 |
This is the picture I took for the About page, since she said she didn't really have the right picture of her for the website.
https://blackrockdigital.github.io/startbootstrap-agency/
This is the bootstrap theme I used for the final project.
https://aciniform-linens.000webhostapp.com/Wan%20Min%20website.html
 |
Wan Min's Design Journal fig1.14 |
 |
Wan Min's Design Journal fig1.15 |
 |
Wan Min's Design Journal fig1.16 |
 |
Wan Min's Design Journal fig1.17 |
 |
Wan Min's Design Journal fig1.18 |
This is the link and screenshots for home page the final project outcome.
 |
Wan Min's Design Journal fig1.18 |
This is screen grab of the contact page.
 |
Wan Min's Design Journal fig1.19 |
This is screen grab of the about page.
 |
Wan Min's Design Journal fig1.20 |
This is screen grab of the contact page.
 |
Wan Min's Design Journal fig1.21 |
This is screen grab of the journal page.
Feedback.
REFLECTION
Experience:
I was glad that I can use bootstrap theme for final project, but still was hard to do the coding and adjusting it as what I wanted, where there were lots of errors to fix for each page.
Observation:
I observe on how to do the coding for many functions in website like W3 schools, for like how to put a map and others. Also, I try to search for good examples of websites in Pinterest for reference.
Findings:
I was able to find good bootstrap themes in the bootstrap website, which I could use for final project but it was hard to put in pictures and adding coding for other structures, some were very complicated to use.
Further Reading.
Comments
Post a Comment