Skip to main content

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


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

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...
Post a Comment
Read more

Application Design I / Project 3

13.07.2025 - 19.07.2025   / Week 12- Week 14 GAN YI KIAN / 0374572 Bachelor of Design (Hons) in Creative Media Application Design I Project 3 / Lo-Fi App Design Prototype INSTRUCTIONS Project 3 / Lo-Fi App Design Prototype Week 11 After I completed the whole process of booking a hotel, I showed it to Mr. Sylvain.After I finished the whole process of booking the hotel, I showed it to Mr. Sylvain. Then we need to build the sketches on figma for each scene before the next week. Week 12 A good idea I came up with is to add a chat function. If today's target is a group of friends who want to book a hotel, they can all use this app and enter a group to chat, and at the same time they can share hotel information to this group. They can vote, compare hotels, and even plan the itinerary of the trip. More plans can be made in this group, and other members can also participate in the selection process. Then based on this idea, I designed the first sketch on figma. Mr. Sylvain sugges...
Post a Comment
Read more

Design Principles / Task 3

03.02.2025 - 21.03.2025 / Week 5- Week 7 GAN YI KIAN / 0374572 Design Principles / Bachelor of Design (Hons) in Creative Media Task 3 / Development & Design INSTRUCTIONS Task 3: Development & Design After the visual analysis,will now create a work of design , based by the idea have proposed in Task 2. expected to apply knowledge of design principles in idea development and final design. Can use any medium and/or materials , except for full photography, that are suitable to convey your final visual message. I will choose the first sketch to create the work Sketch 1 This design retains the tranquility and dreamlike feeling of Monet's original painting. I want to enlarge the main water lily in the center and make it the focus of the whole painting. Fig 1.1 Sketch 1 (3/3/2025) I am confused about whether to use watercolor or illustration design, because both are areas I am not good at. Using watercolor can better express the relationship between the water surface. In terms of c...
Post a Comment
Read more