Advanced Interactive Design - Project 1
26/8/2020 - (Week 1 - Week )
Chan Qian Hui 0334447
Advanced Interactive Design
Project 1
Instructions
Project 1
Research
We were tasked to create an interactive application for an online store. We are only required to develop the front end UI design and UI scripting using Adobe Animate.
The store which I am planning to design for is Kakiyuki. The concept is an in-store menu ordering system where the customer scans the QR code for the menu on table and orders from the phone.
The store which I am planning to design for is Kakiyuki. The concept is an in-store menu ordering system where the customer scans the QR code for the menu on table and orders from the phone.
Proposal of app
Process of animating the transitions
I created classic tween for each of the page transitions and also animation for functions in Adobe Animate.
I created classic tween for each of the page transitions and also animation for functions in Adobe Animate.
 |
| Fig 1.0 Classic tween for transition |
Process of coding the buttons
I had quite a few scripting for the buttons. I included interactive amount button, carousel function which also scaled the items, radio button and pop up button. I also scripted the back buttons and cart buttons for easy access around the app.
 |
| Fig 1.1 Carousel scripting |
Final Video
Comments
Post a Comment