Advanced Interactive Design
Advanced Interactive Design
Student ID:0379395
Student Name:HE KEHUA
In the first week of Advanced Interactive Design, the lecturer introduced us to the course and showed us many creative and interactive websites. These websites were very inspiring because they included smooth animations, unique visual effects, and engaging user interactions. Seeing these examples helped me understand that interactive websites are not just for sharing information, but can also create immersive digital experiences that attract users and keep them engaged.
The lecturer also explained the main project for this semester, which is to design and develop our own interactive website based on a theme that reflects our personal interests. This made me start thinking about what kind of topic I would like to explore. I began brainstorming ideas based on my hobbies and interests, such as technology, gaming, movies, and creative digital experiences.
Task (Five Ideas) For this week’s task, I prepared five initial ideas for my project. Each idea had a different concept and interaction style. Some ideas focused on storytelling and animation, while others emphasized user interaction and visual exploration. This brainstorming process helped me think more deeply about what kind of experience I want users to have when visiting my website.
After discussing these ideas with my lecturer, I will carefully evaluate which concept has the most potential in terms of creativity, technical feasibility, and user engagement. My goal is to choose a project that is visually interesting, interactive, and achievable within the semester.
This week was a public holiday, so there was no class.
Although there was no lesson, I spent some time reviewing the examples shown in Week 1 and continued thinking about possible project directions. I also searched for more interactive website references online to gain inspiration for animations, layouts, and interaction styles.
This helped me better understand the level of creativity and technical skills needed for this project, and it gave me more ideas for how I can make my own website more engaging and visually appealing.
This week, the lecturer introduced us to the basics of Adobe Animate and explained how it can be used to create animations for interactive web projects. The lecturer patiently guided us through the software interface and showed us the basic tools and functions.
During the lesson, we learned how to create simple vector graphics, organize layers, and use the timeline to produce basic motion effects. We also practiced drawing simple shapes and combining them into small animated scenes. Through these exercises, I started to understand how animation works and how movement can make a website feel more dynamic and interactive.
Although I am still new to using Adobe Animate, this lesson helped me become more familiar with the software and gave me more confidence to experiment with animation. I believe these skills will be very useful for developing my final interactive design project.
Experiential Design – Learning Journey Reflection
Throughout this semester, I have developed my understanding of experiential design through different stages of research, design development, animation creation and interactive website production. This module allowed me to explore how visual design, motion and interaction can be combined to create a more engaging user experience.
Application 1 – Design Improvement and Concept Development
In the first stage of this module, I focused on analysing and improving an existing design concept. Through reviewing the interface structure, visual elements and user experience, I learned how small design adjustments can improve usability and communication.
This task helped me understand the importance of design thinking before starting the actual development process. Instead of only focusing on visual appearance, I learned to consider the purpose of each design element and how users interact with the experience.
Application 2 – Interactive Design Development
In the second project, I started developing a more interactive experience using Adobe Animate. This stage introduced me to the technical side of experiential design, including timeline animation, object movement and interactive elements.
Through this process, I learned how animation can be used not only as decoration but also as a method to guide users and improve engagement. I also gained more confidence in organising layers, managing timelines and creating smoother transitions between different sections.
Application 3 – Micro Interaction and Animation Enhancement
For the third project, the focus was on improving interaction details through micro animations. I experimented with different animation effects, including button interactions, object movement and transition effects.
This project helped me realise that small interactions can significantly influence the overall user experience. Even simple effects can make a digital product feel more responsive and enjoyable when they are designed properly.
Final Project – Nike Air Max 2026 Interactive Launch Website
For the final project, I created an interactive promotional website for Nike Air Max 2026 using Adobe Animate. The main goal was to combine brand storytelling, animation and interaction to create a futuristic product experience.
During the development process, I created animated scenes, interactive buttons and timeline-based navigation using Adobe Animate and JavaScript. This project allowed me to apply the skills developed throughout the semester into a complete interactive website.
One of the biggest challenges was managing multiple animation elements and ensuring that all interactions worked smoothly. Through continuous testing and adjustments, I improved my understanding of interactive design workflow and technical implementation.
Overall Reflection
Looking back at the whole semester, this module helped me understand that experiential design is not only about creating visually attractive outcomes. A successful experience requires a combination of visual communication, user interaction and technical development.
Through these projects, I improved my skills in Adobe Animate, animation design and interactive thinking. I also learned the importance of planning, testing and refining ideas throughout the design process.
This learning journey has changed my perspective on digital design. I now understand that animation and interaction should have a clear purpose, helping users understand and engage with the experience instead of simply adding visual effects.
AI Disclosure
During this semester, AI tools were used as supporting tools for brainstorming, improving written explanations and solving technical problems. AI was mainly used as a reference and learning assistant during the design process.
All final design decisions, visual assets, animations, interactions and project development were created by myself using the required design tools. AI was not used to generate the final project output.
Comments
Post a Comment