Application Design II / Task 2

-

22.10.2025 - 16.11.2025 / Week 5 - Week 8
Bachelor of Design (Hons) in Creative Media
Application Design II
GAN YI KIAN / 0374572
Task 2 / Hybrid Lo-Fidelity Mobile App Development




INSTRUCTIONS


Task 2 / Hybrid Lo-Fidelity Mobile App Development

Figma Master Plan & Story board
Figma link here


7 Animation

Animation 1

Onboarding Page

Micro Interactions:


  • Each section will appear gradually, from top to bottom.

Animation 2

Splash Screen

Macro Interactions:


  • After the animation ends, it will move left to return to the main page.



Micro Interactions:


  • The logo at Genting will gradually become clearer.



Animation 3

Hotel list

Micro Interactions:


  • Each section will appear gradually, from top to bottom.



Animation 4

Hotel details

Macro Interactions:


  • A smart animation will appear when you enter from the "Hotel List".



Micro Interactions:


  • Click the heart icon to add it to favorites, and you'll see a favorite animation.

  • The hotel photos can be scrolled.



Animation 5

Overview

Macro Interactions:

  • The animation for the "order" will be delayed as the final night begins.


Micro Interactions:


  • Can select the country/region

  • There's a red progress bar at the top, making it easy for users to track their current location.

  • Can select the payment method

  • You need to check the "Terms and Conditions".




Animation 6

Hotel screening

Macro Interactions:

  • Pop up


Micro Interactions:


  • Select date and number of people



Animation 7

Macro Interactions:

  • Pop up


Micro Interactions:


  • After clicking "Check Out", a loading and then successful animation will appear.






Video Presentation here


Comments

Post a Comment

Popular posts from this blog

Application Design I / Project 2

-
Image
26.05.2025 - 14.07.2025   / Week 5- Week 13 GAN YI KIAN / 0374572 Bachelor of Design (Hons) in Creative Media Application Design I Project 2 / UI/UX Design Document INSTRUCTIONS Project 2 / UI/UX Design Document Week 5 In this assignment, we need to complete the creation of a research plan according to the template and list of questions, and interview 5 people with the goal of obtaining first-hand experience with users. We need to take notes of their pain points (problems) and highlights (things they love) when using the service or their competitors. My target audience is Gen Z - finish the 5 interviews transcript - take down the data, one idea per post-it -sort them in affinity maps - find categories/themes - create 3 personas from those themes I basically divided the interview questions into 5 sections.I interviewed my friends and they answered me in Chinese, and I translated them into English. Interview Log Section 1: Background Section 2: User experience Section 3: Fu...
Read more

Intercultural Design

-
Image
07.02.2025 - 24.03.2025 / Week 1- Week 7 GAN YI KIAN / 0374572 Bachelor of Design (Hons) in Creative Media Intercultural Design  Proposal, Data Collection & Final Project  INSTRUCTIONS Note Week 1 Culture & Design At the beginning of the first day, Mr. Asrizal briefed  us with the precautions and course outline of intercultural design, and then Ms. Noranis's lecture began, and we began to divide into groups. Then my group members included Indonesia and Chinese. Week 2 CMYKL brief Our team was confused about what ‘Everyday Design’ was all about. Then, during this week, we came up with the idea of ​​a clip-on cup holder, focusing on portability and functionality, and even incorporating Malaysian culture such as tiger stripes or “batik” patterns. In fact, there were many more ideas at the beginning, including the design of bowls and board game cards. It was also during this week that we learned that our mentor was Mr. Charles. Week 3 Proposal Q&A sessio...
Read more

Games Studies / Exercise

-
Image
23.04.2025 - 05.06.2025   / Week 1- Week 7 GAN YI KIAN / 0374572 Bachelor of Design (Hons) in Creative Media Games Studies Exercise / Series of investigations INSTRUCTIONS Exercise 1 - My favourite video game/board game In this exercise, we need to introduce a favorite video game or board game. A game that you will continue to come back to even after you have played it. Honor of Kings Fig. 1.0 Game Cover Game Type: MOBA – Multiplayer Online Battle Arena Development Company: Tencent Games First released in 2015, it is one of the most popular mobile games in mainland China. Game Objectives and gameplay introduction: Two teams of 5 players each fight on a symmetrical map. Heroes are each player's choices, and the heroes have different skills and roles , with examples of tanks, shooters, mages, etc. Its objective is to destroy the rival’s main base (crystal) . While doing this, you push down the enemy defense towers, fight wild monsters, and team battles as well. By defeating enemy he...
Read more