01/11/18 - 29/11/18 (Week 10 - Week 14)
Isaac Lee Zahradnik (0330747)
Interactive Design
Final Assignment - Design, Exploration, & Application
INSTRUCTIONS
01/11/18 (Week 10)
For our final assignment, we were tasked to create a website for a classmate. The website could be anything ranging from: e-portfolio, business website, or anything that our classmate desires.
The person that I'm creating the website for is Ng Jia Jin, & likewise, he is creating a website for me.
Both of us planned & also sketch out our ideas & what we want for our individual website. We decided to create an e-portfolio.
08/11/18 (Week 11)
It was an e-learning week this week, & that mans there are no classes. This week, we explore the web for some inspirations & then exchanged our sketches of our website to each other so that both of us can start our assignment.
Below here are the sketches & details I received from Jin for what he wants/expects for his website.
 |
| Details |
 |
| Sketch #1 |
 |
| Sketch #2 |
Below here are the pictures that I'm about to include into the website.
 |
| Photo #1 |
 |
| Photo #2 |
 |
| Photo #3 |
 |
| Photo #4 |
 |
| Photo #5 |
 |
| Photo #6 |
 |
| Photo #7 |
 |
| Photo #8 |
 |
| Photo #9 |
 |
| Photo #10 |
 |
| Photo #11 |
 |
| Photo #12 |
 |
| Photo #13 |
 |
| Photo #14 |
 |
| Photo #15 |
 |
| Photo #16 |
 |
| Photo #17 |
 |
| Photo #18 |
 |
| Photo #19 |
15/11/2018 (Week 12)
After gathering all the pictures & details, I'm slowly getting a rough idea in my head. So, I went to find a template on Bootstrapmade that would suite the idea I had in mind.
The template that I found was called 'Bethany'.
 |
| Template Section #1 |
 |
| Template Section #2 |
 |
| Template Section #3 |
 |
| Template Section #4 |
 |
| Template Section #5 |
 |
| Template Section #6 |
After that, I went onto Adobe Dreamweaver to start my work. The first thing I did was separate each sections into individual pages.
 |
| Home page |
 |
| Gallery |
 |
| Tip section |
 |
| Contact Information |
 |
| About page |
22/11/2018 (Week 13)
After separating them into individual pages, I then move on to adding the details & images, & also change the styling of the website.
 |
| Adding details |
 |
| Inserting images |
 |
| CSS |
29/11/2018 (Week 14)
This week is submission week for our final assignment. Here is the link to the website & .zip file.
 |
| Files uploaded to Webhost |
 |
| Published Home page |
 |
| Published Gallery |
 |
| Published Tip section |
 |
| Published Contact information |
 |
| Published About section |
FEEDBACK
Week 12: The feedback that I got from Jin was to change the theme to a dark minimalistic theme for his website.
Week 13: Mr Shamsul asked me told me to make the pictures interactive, for example if someone were to click on it: Will it zoom in? Will it pop up?
REFLECTION
Experience
Week 10: I feel excited to be able to create & design a website for a friend.
Week 12: Separating the sections into individual pages was a piece of cake.
Week 13: Here I thought CSS was hard enough, but handling with Javascript is worst.
Week 14: Feeling proud of what I have designed & created.
Observation
Week 10: Seems like everyone is okay with their partner.
Week 13: It seems that the templates that I want to use has already been used by someone else in class. So, I thought of not using the same template.
Findings
Week 12: HTML became easier for me to handle as if I have no problems with it at all.
Week 13: There are a lot of good templates where I can use as a base when starting a project.
Comments
Post a Comment