ADVANCED INTERACTIVE DESIGN // INTERACTIVE WEB APPLICATION PRE-PRODUCTION & PROTOTYPE // THEMATIC INTERACTIVE WEB APPLICATION

 

5.4.2023 - 4.7.2023 (Week 1 - Week 14)

Ang Shin Er / 0355231 

Bachelor Of Design (Hons) In Creative Media / Taylor's University

Advance Interactive Design // Interactive Web Application & Prototype // Thematic Interactive Web Application

---

INSTRUCTION

| Project Outline 1 :

Students are required to create a (prototype) interactive application for an online store. For example, an online ticket booking system for cinema/football matches, a restaurant reservation system with an online menu, or a pizza ordering system. Students are only required to develop the front-end interaction, UI design, scripting, and animation. Backend programming is not necessary as it is meant to be a prototype.

Interactive applications should be able to communicate the site's goal and objectives to the audience. Users should be able to navigate and use the applications without any difficulties.

| Idea Exploration :

After consideration, I decided to go on Beverage Website, Here is my moodboard:

Wireframe :

Final design in JPG :

| Project Outline 2 :

Design an interactive website; create a website that actually works in the browser with Animate CC. The requirement is that it must have a payment function. Create a purchase website focused on the product.

After export in animate cc, using Dreamweaver to set the background colour,

Project go through video :

Google drive link : https://drive.google.com/drive/folders/1vcSagxE78fq7BMaYOvqwpMvlPyAcGORW?usp=sharing

Final website: https://shinsipssparklingwater.netlify.app/

Final presentation video :

Video link : https://youtu.be/EzvFbPPZWos

REFLECTION

This semester, I set out on a creative quest to create an application website with Adobe Animate CC. Even though my concerns, I was drawn in by its user-friendly UI and strong animation capabilities. Each aspect, from layout to color scheme and images, was meticulously considered. As I progressed, I encountered difficulties such as animation problems, performance optimization, and responsiveness. Despite these challenges, I persisted and improved my talents. Observing my progress over time showed a substantial improvement in design and technical knowledge, as well as a sharp eye for detail. 

_