Advanced Interactive Design - Task 1

25.04.2025 

Guan Wee Lun/0364012

Advanced Interactive Design/Bachelor of Design in Creative Media
Note

---

Lectures

Week 1/25.04.2025

Briefing

TASK 1 - proposal

• specific product
• movie promotion
• game release promotion
• gallery/museum
• brand/artist
• Anything

Proposal

concept, wireframe,   
Visual references

Domenic website

minimum of 5 main pages

Week 2/02.05.2025

Introduce to Animate

Interface

• WEB, very high format with HTMLS publish setting
• Publish

• Preloader : a signal for user to know what are they doing

Week 3/09.05.2025

Morph effect in Animate

By adding shape tween in between 2 different shape, it will have morphing effect tranforming from last shape to next shape

Publish setting as ticking center stage, make responsive, scale to fill visible area as stretch to fit to make it response to any size of UI, including preloader to let user have a signal to wait, not the website is bug, crash, 

Week 5/23.05.2025

Week 6/30.05.2025

Masking

Masking in animate create a layer upon image layer, then right click and choose for masking it will create a mask upon the image

1. put a background and text, turn text into graphic
2. put masking layer on top of text layer, size to just cover text 
3. insert keyframe for text, and just insert frame for masking layer
4. insert classic tween with text

Add using action 

Button

Create text and convert to symbol choose as button

Press twice into

---

Instruction

---

Task 1

Task 1: Thematic Website proposal

Idea 1 Coffee Brand

coffee brand: Old town white coffee, Richiamo coffee

Old Town White Coffee

Promote a brand refresh for Oldtown White Coffee, emphasizing its Ipoh heritage, halal-certified quality, and modern appeal to Millennials and Gen Z, through an interactive website that immerses users in the brand’s story and drives engagement with its instant coffee mixes and kopitiam experience.

Richiamo coffee

Promote Richiamo Coffee’s through an interactive website that celebrates its premium coffee blends, halal-certified menu, driving customer engagement and online orders.

Idea 2 Coffee education website

Create an interactive, educational website, "Bean to Brew," that introduces users to coffee bean varieties, roasting techniques, and brewing methods in an engaging, The site helps people learn about coffee, whether they’re experts or beginners. It encourages them to enjoy coffee culture and try different ways to make coffee.

Idea 3 𝗣𝗜𝗡𝗚𝗠𝗜𝗡 𝗜𝗡𝗧𝗘𝗥𝗡𝗔𝗧𝗜𝗢𝗡𝗔𝗟 𝗖𝗢𝗙𝗙𝗘𝗘 𝗪𝗘𝗘𝗞 𝟮𝟬𝟮𝟱

Launch website to introduce this activity below, an interactive website for Pingmin International Coffee Week 2025, immersing users in the "Brew Outside the Lines" theme with a virtual launch experience that previews the event, encourages user creativity, and counts down to June 13–15, 2025, at Pingmin Hub KL.