Advanced Interactive Design - Project 1

 Project 1: Interactive Web Application

On the first week of this project, most of the time was spent of the design and layout of the application. i decided to create a cinema ticket purchasing app. On illustrator I then created a logo. For the overall design of the app, I only used one font, which is Futura Std. 

Figure 1.0 - Colour Palette

Figure 1.1 App Logo 

Here is sketch I did on illustrator for the movie details page.

Figure 1.2 - Layout 

After this I started working on the app on Animate. I found this task to be quite difficult, especially at the beginning, I wasn't able to make some of the buttons work, but after playing around with this for a while I was able to work around it. 

The following images will show how each of the pages turned out in the end.

Figure 1.3 - Starting Page

Figure 1.4 -  Now showing movie options page

Figure 1.5 - Movie info and details page

Figure 1.6 - Choosing seats page

Figure 1.7 - Payment Page

Figure 1.8 - Purchase confirmation page

Final Outcome

The biggest challenge for me, was not being able to keep the main timeline organised enough, because I found it to be difficult and often made mistakes while working within the layers to create buttons and movieclips. Although I think that I was able to achieve the overall point of the app, though there is still a lot of room for improvement.

Figure 1.9 - Final Outcome (Video Capture)