Jason Antony (0356335)

Jason Antony 0356335 Application Design 2 Final Project - Live Web App Instructions A) Final Project – Completed App – 30 % Students will synthesise the knowledge gained in task 1, 2 and 3 for application in task 4. Students will create integrate visual asset and refine the prototype into a complete working and functional product experience. B) E-Portfolio - 10 % Students describe and reflect on their social competencies within the design studio context, supported by evidence. Reflect on how to empathize with others within group settings, interact positively within a team, and foster stable and harmonious relationships for productive teamwork. Reflective writing is part of the TGCP. Netlify link https://tgvwebapp.netlify.app/ Process and Reflection Overview For my final project in Application Design 2, I developed a web application aimed at providing users with an intuitive and interactive interface for booking movie tickets. The project involved extensive front-end development, focusi...

Jason Antony 0356335 Application Design 2  Project 3 This project had me almost giving up. coding has never been something that I enjoy. There were so many errors with the animations. when some were working some weren't. Ultimately, I could only make the home page and the second page.  attached in the Google Drive is the folder for the web app. https://drive.google.com/drive/folders/1YB3jcsdVtTi7Zk98-KgmavSsOJCddOMA?usp=sharing and below, the video presentation for my project 3 https://youtu.be/W479QpsqUFY

 Jason Antony 0356335 Application Design 2  Project 2 - Interaction Design Planning & Prototyping Figma File Link https://www.figma.com/design/3DIrsrX2Xyehzj8ngmRdoh/App-Design-2-Task-2?node-id=0-1&t=bKK2rsJpNr1DQNdS-1 Animation Flowchart Landing Page Ad to home page is done using dissolve fade in The Rest of the transitions will be done using slide in and out for the MVP Pages to maintain a consistent animation style throughout the pages. The transaction and payment methods feature a slide up animation. this seamless transition for the payment page is seamless and natural.  lastly, to access the barcode for active tickets, i used fade in dissolve and fade out animations since slide in or out doesn't make sense for this part. The flowchart is made for a linear progression flow, which is natural and decreases cognitive load.  Video Presentation https://youtu.be/MuSXsPaQBr8

Jason Antony 0356335 Application Design 2  Project 1 - Mobile app UI/UX Analysis Figma File Link https://www.figma.com/design/Rrb02fiTbND9bVNFjvRGFg/TGV-Cinemas?node-id=0%3A1&t=YXgDod8LAIrQP9FT-1 Comprehensive UI/UX Analysis of the TGV Cinemas App Introduction The TGV Cinemas app aims to provide a seamless movie-going experience, incorporating functionalities from ticket bookings to in-cinema purchases. This analysis evaluates the app's design, usability, functionality, and overall user experience, offering a detailed insight into both strengths and areas for improvement. A UI/UX Analysis of this app is created using the help of ChatGPT 4o Pros 1. **Extensive Feature Set:**    - The app offers a holistic suite of services including bookings for movies and food, a detailed cinema guide, real-time seat selection, and a loyalty program. This broad feature range addresses all the fundamental needs of cinema-goers, potentially increasing user retention and satisfaction. 2....