INTERACTIVE DESIGN - FINAL PROJECT
20.06.19 - 04.07.19 (Week 12 - Week 14)
Catherine Starlie (0336261)
Interactive Design
Final Project: Design, Exploration & Practice
LECTURES
Lecture 12: -
20.06.19 (Week 12)
There's no lecture for this week.
Lecture 13: -
27.06.19 (Week 13)
No lecture for this week and we continued to discuss it with our partner.
Lecture 14: -
04.06.19 (Week 14)
No lecture for this week too.
INSTRUCTIONS
FINAL PROJECT
We were told to design and create a website for one of our classmates. I paired up with Wafir and our concept for our own websites are e-portfolio and he wanted it simple.
Here's the link: https://wafirsweb.000webhostapp.com/index.html
FEEDBACK
General feedback: Mr. Shamsul told us that we needed to put an absolute path of all of the codes where it would be mirrored local server file management.
Specific feedback: Mr. Lun told me that if I already used bootstrap then I didn't really need to change it by adding padding or margin because it's already automatically arranged.
REFLECTIONS
EXPERIENCES
20.06.19 (Week 12)
I kind of confused when he wanted a simple template because there's many way to describe a simple and the "simple" that I felt could be different with the others.
27.06.19 (Week 13)
I tried to do some page first but the layout are different than what I expected, I also tried to use some template from other web but at the end it confused myself more.
04.06.19 (Week 14)
I tried to do as simple as I can but I felt like the website is still lacked of something.
OBSERVATIONS
20.06.19 (Week 12)
Me and my partner tried to find some template that (maybe) could be used for both of us because I thought that maybe he felt that I'm so stressed over just because of simple navbar, sidebar, and so on.
27.06.19 (Week 13)
I tried to look some logo and how to put it with tooltips together into the web.
04.06.19 (Week 14)
FINDINGS
20.06.19 (Week 12)
I just found out that we could use template from another website to help with our project this time.
27.06.19 (Week 13)
I found out that not just col can arrange the arrangement but also offset.
04.06.19 (Week 14)
I found out that it's hard to match between what I want and what the client wants.
FURTHER READINGS
Web Design: The L Line, The Express Line to Learning by Sue Jenkins
Daily Sudoku
This book made me know that we could add daily sudoku in our website, by adding the code from http://www.sudokuhints.com into our html but before that, we also needed to measure how wide did the puzzle we wanted to put in the website. We also could customize the color and the fonts of the game if we put it in our website.
Catherine Starlie (0336261)
Interactive Design
Final Project: Design, Exploration & Practice
LECTURES
Lecture 12: -
20.06.19 (Week 12)
There's no lecture for this week.
Lecture 13: -
27.06.19 (Week 13)
No lecture for this week and we continued to discuss it with our partner.
Lecture 14: -
04.06.19 (Week 14)
No lecture for this week too.
INSTRUCTIONS
FINAL PROJECT
We were told to design and create a website for one of our classmates. I paired up with Wafir and our concept for our own websites are e-portfolio and he wanted it simple.
 |
| Fig 1.1 Colour Palette |
 |
| Fig 1.2 Photos that I got from Wafir himself |
 |
| Fig 1.3 Pictures that I Found on Unsplash.com Except The Bottom Right |
The photo on the bottom right is a photo that taken by myself. I also tried to find some websites as my reference, so here is some of the link:
And some samples from Mr. Lun (thank you! :)).
At first I designed the first page just having navbar and a photo.
But after that, I got some idea like why I don't just put some carousel of the other page?
The carousel has image header of every pages, so there are 4 of it.
 |
| Fig 1.4 First Attempt for The Home Page |
 |
| Fig 1.5 Second Attempt for The Home Page |
 |
| Fig 1.6 About Page |
 |
| Fig 1.7 Art Page |
 |
| Fig 1.8 Commission Page |
 |
| Fig 1.9 Contact Page |
FEEDBACK
General feedback: Mr. Shamsul told us that we needed to put an absolute path of all of the codes where it would be mirrored local server file management.
Specific feedback: Mr. Lun told me that if I already used bootstrap then I didn't really need to change it by adding padding or margin because it's already automatically arranged.
REFLECTIONS
EXPERIENCES
20.06.19 (Week 12)
I kind of confused when he wanted a simple template because there's many way to describe a simple and the "simple" that I felt could be different with the others.
27.06.19 (Week 13)
I tried to do some page first but the layout are different than what I expected, I also tried to use some template from other web but at the end it confused myself more.
04.06.19 (Week 14)
I tried to do as simple as I can but I felt like the website is still lacked of something.
OBSERVATIONS
20.06.19 (Week 12)
Me and my partner tried to find some template that (maybe) could be used for both of us because I thought that maybe he felt that I'm so stressed over just because of simple navbar, sidebar, and so on.
27.06.19 (Week 13)
I tried to look some logo and how to put it with tooltips together into the web.
04.06.19 (Week 14)
I saw some of my classmates' works and somehow it made me down because I felt like mine is the worst.
20.06.19 (Week 12)
I just found out that we could use template from another website to help with our project this time.
27.06.19 (Week 13)
I found out that not just col can arrange the arrangement but also offset.
04.06.19 (Week 14)
I found out that it's hard to match between what I want and what the client wants.
FURTHER READINGS
Web Design: The L Line, The Express Line to Learning by Sue Jenkins
Daily Sudoku
This book made me know that we could add daily sudoku in our website, by adding the code from http://www.sudokuhints.com into our html but before that, we also needed to measure how wide did the puzzle we wanted to put in the website. We also could customize the color and the fonts of the game if we put it in our website.
Comments
Post a Comment