Task 2: Advanced Interaction Design Planning and Prototype




Advanced Interactive Design - Task 2: Interaction Design Planning and Prototype

25.05.2025 - 19.06.2025 / Week 5 - Week 8
GU QIANKUAN / 0369385
Advanced Interactive Design / Bachelor of Design (Hons) in Creative Media
TABLE OF CONTENTS

1. Lectures
2. Instructions 
3. Task 2: Interaction Design Planning and Prototype
4. Feedback
5. Reflection


2. INSTRUCTION






3. TASK 2: INTERACTIVE DESIGN PLANING & PROTOTYPE

My selected topic GOD OF WAR: VALHALLA RISING (GAME PROMOTION)


Moodboard.


Visual References.


Visual References of Website.


Further Concept Development

Colour Scheme




Wireframes

User Flowchart

Prepare the images and design elements.







Work Progress #1.

 

Work Progress #2.


Work Progress #3



Work Progress #4




Prototype Overview

Final Submission

1. Prototype on Figma

 https://www.figma.com/design/v032Whnnp2ulrJxIyYSsX8/intercrative-1god?node-id=128-22&t=PTlrlX7T5avKWpUJ-1


2. Planning and Prototype Slude

https://www.canva.com/design/DAGpyWZU99I/bK6StDCY43Fdv_5txhCurQ/edit?utm_content=DAGpyWZU99I&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton

3.  Presentation Video

https://youtu.be/pM8_gBHUAo8



The following is my final planning and prototype on Figma:

Task2 副本,作者 QIANKUAN GU


Presentation Video

Click HERE to watch the presentation video.


5. REFLECTION

Experience
Task 2 offered an exciting challenge, requiring me to shift from designing static elements to thinking about how users interact with the website. Incorporating animations and interactive features was both engaging and eye-opening, allowing me to appreciate how movement can create a more dynamic and immersive experience.

Observation
Through this task, I learned the significance of crafting interactions that feel seamless and intentional. Even small touches, such as smooth transitions or hover effects, can have a noticeable impact on user satisfaction. Looking at other designs for inspiration helped me refine my approach and raised the standard for the quality of my work.

Findings
This project underscored the importance of integrating design aesthetics with functionality to build websites that are both captivating and user-friendly. The experience was valuable in honing both my creative abilities and technical skills, offering me a deeper understanding of web design.












评论

此博客中的热门博文

Advanced Interactive Design - Task 1: Thematic Interactive Website Proposal

Video and Sound Production - Exercises

Advanced Typography - Task 1: Exercises 1 & 2 - Typographic Systems and Type & Play