Advanced Interactive Design - Task2

 Woo Yau Ka / 0355281

Advanced Interactive Design / BDCM

Task 2

INSTRUCTION

Task 2 - Interactive Web Application Preview - Production and Prototyping

I looked on Pinterest for some good web styles to use as mood boards

Fig 1.1 Mood board

Fig 1.2 ppt (task 1)

Continuing from the previous work, we searched for suitable animation examples from Pinterest

Sample Animation 1: https://pin.it/5oaCFZFB0

Sample Animation 2: https://pin.it/2TqtKGzkP

Music:

Opening Credits (Full Theme) | Detroit: Become Human Unreleased OST (youtube.com)

Fig 1.2 ai 

Fig1.3 ai-2

Fig1.4 user story

Fig1.5 wireframe

Final:

I made a video explaining about my website design and the animation for my website.

Reflection

I felt a little confused during this task because I didn't know whether this process arrangement was reasonable. In terms of character introduction, it was also difficult to find a unified game character picture to put on. However, I also learned to improve by referring to the work of predecessors.