Advanced Interactive Design: Task 1 Thematic Interactive Website Proposal

on

23.09.25 - 14.10.25

Celine Christabelle Patricia / 0374872 

Advanced Interactive Design / Bachelors of Design (Hons) in Creative Media / The Design School

Task 1: Thematic Interactive Website Proposal

Table Contents

  1. Lectures
  2. Instructions
  3. Proposal 
  4. Feedback
  5. Reflection

Lectures

Adobe Animate:

Fig 1.1 - Ball practice

Using Adobe Animate for practice. It's quite similar with Adobe Illustrator, however the shortcuts are quite different. Here are some crucial steps to remember:

  • New file → Web as the preset
  • Frame rate = the duration of one second
  • Platform Type → HTML5 Canvas (so it can be uploaded in HTML file)
  • Command B → after extracting lines use this shortcut to seperate shapes easily


Fig 1.2 - Ball practice Result

Fig 1.3 - Boat practice

Using Adobe Animate for practice. Continue drawing a boat, here are the steps i done:

  • Outline the shapes with line tool (N), Rectangle (R), Circle (O) and Pen tool (P) using only outline
  • After ready, Command B too all outlines, remove the excess ones.
  • Color it using the bucket tool (K) and eyedropper tool (I)
  • For the water, we use a pen tool and a gradient tool (F)


Fig 1.4 - Boat practice Result

The left one is the reference, and the right one is my result!!

Instructions

Task 1: Proposal

Website Ideas

  1. Coffee - I like coffee and I think it would be an interesting website to make
  2. Mathematics for Kids -  Simple interactive website for kids to make math fun!
Fig 2.1 - Coffee as Ideation


Fig 2.2 - Math for kids as Ideation

Final Chosen Idea is

  1. Coffee -- It is suggested to make it have a more historical sense and explain coffee in depth

Final Proposal

Feedback

Week 1

Introduction to Advanced interactive Design, no feedbacks

Week 2

Lecturer has chosen "Coffee" as the topic for the website based on the proposal

Week 3

Overall wireframe is good, contact page could be improvise, find out about history of coffee to have in depth research about the theme

Reflection

When making proposal I learned more about coffee culture. Coffee is more than just drink, it's a lifestyle to meet connections from all around the world. Knowing the process like exploring methods from brewing coffee and latte arts. By this I am inspired that I will add ways of brewing coffee and latte art. 

At the same time, I learned a lot about website visuals and how they are designed to attract and engage users. I discovered how layout, color, typography, and imagery work together to convey a brand’s identity and message. Understanding the structure and visualization of websites helped me improve my design sense and see how functionality and aesthetics must balance each other. 

Comments

Post a Comment