Final Assignment

Date: 07/11/2017-07/12/2017 (Week 10-14)
Chalani Tharanga Wanigasekara (0329562)
Web design and New Media
Final Assignment

---

Final Assignment

Our final assignment is interactive website. The lecturer gave the information which is has to include to our website. 

Instructions

You’re required to create an interactive storytelling Website that to inform a specific target audience on a given topic. The target audience is for children between 6-12 years old.

You may use images and video from the internet or you can illustrate to make the content even more interesting. Below are the content that you need to include in the Website. You need to create a storyboard/site structure so that it is easier for you to plan the page and the flow of the Website. You may include sounds or use Adobe Animate to have a whole new experience of interactive Website.

---

Progression

firstly, we made mood-board relating to our website.

figure 1: sketch of the wireframe

figure 2: sketch of the wireframe and character drawing

figure 3: character drawing 

figure 1: mood-board

figure2: heading GIF

figure3: Introduction GIF

figure3: Safety steps GIF

figure4: Stay low GIF

figure 5: If your clothes catch fire... GIF

figure 6: Preventing fire GIF

Website in photoshop

figure 7: wireframe in Photoshop

Final submission

Final Submission

---

Feedback 1
The lecturer said to redo the sketches of the wireframes, characters and said to find some fonts suitable to the website.

Feedback 2
He accepted my one wireframe and told to digitalize it using photoshop. However, he didn't prefer my characters because it looked simple. so he said to build some optional characters for that. 

Feedback 3
He accepted my characters and also digital wireframe. he told to make it to HTML.

Feedback 4
I used 3 fonts for titles (header, navigation and titles of the description parts) for the website my lecturer didn't satisfy with that. he said to use 2 fonts for that.

---

Reflection

Experience
So far of this assignment, I had a good practice to make a website. And try some new cool things. firstly, I wanted to make some animation for in each part of the website it would be so interesting as well as attractive for kids. secondly, I learnt bit more advance codings but difficult to find where I did the mistakes. However, I was exhausted and wanted to give up at the end of the assignment.  I faced so many problems that I expected( to make the footer and preventing fire part). i didnt have any idea to solve it. 

Observation
when I did this assignment, I realized I'm not that really good to sketch wireframes. it was challenging to me. and I was lazy to draw it.

Finding
I wanted to make some animation for each part of the website but I felt that I don't have enough time to make it. so I came up with a super simple character and my lecturer reject it. then I drew some characters. it looks a bit advanced and cute than previous one and made animations for every part. after I done the animation I realized that I had time to finish animation and I got panic before I start to do it. 
when my lecturer rejected wireframes I thought I don't have enough time to finish also. 
Overall, I found that my time management is better than I expect and I almost have done due before a week of the submission deadline.

---

Reflection
Reflection- Pinterst