App Design 2: Task 2

21/10/2024 - 12/11/2024
Ng Zheng Kai 0359424
Bachelor of Design in Creative Media
App Design 2
Task 2

INSTRUCTIONS




App Flow Mapping

App flow mapping is crucial because it visually outlines the user journey, ensuring that every screen and interaction aligns with the app’s goals and provides a smooth user experience. By mapping out the flow, designers and developers can identify potential obstacles, optimize navigation, and ensure users reach key features effortlessly.

After I finished my redesign, I started to input animations for each frame to see which animation works.
I used some simple animations like slide animations, fade animations, dissolve animations and I also used some smart animations

Fig 1.1 App Flow Mapping


Submission

Opening Screen


Fig 1.1 Opening Screen

Micro:
-The Firefly logo fades in

Macro:
-The orange background slides to the left to reveal the homepage.

Home Page


Fig 1.2 Home Page




Micro:
-Enable horizontal scrolling of promotional pictures.
-Mini menu slides up/down.
-Calendar fades in.

Macro:
-Background opacity decreases.

Loading Screen

Fig 1.3 Loading Screen



Micro:
-Firefly logo rotates

Macro:
-Background opacity decreases
-Fades to the next page

Flight Selection

Fig 1.4 Flight Selection

Micro:
-Mini menu slides up/down.
-Flight plan fades in.
-Flight plan enables horizontal scrolling.
-Firefly logo rotates when loading

Macro:
-Background opacity decreases when loading


Payment Confirmed


Micro:
-Firefly logo rotates.
-The word "payment confirmed" fades in.

Macro:
-Firefly logo expands to fill the entire screen.

Comments

Post a Comment

Popular posts from this blog

Intercultural Design

Image
Week 1 - 7 Ng Zheng Kai 0359424 Intercultural Design / Bachelor of Design in Creative Media (hons)`  Project 1, 2 & 3: Hanhaba Obi  INSTRUCTIONS A proposal to concretise ideas, supported by research, for a final design revolving a given theme that reflects students’ understanding and interpretation of global issues and design aesthetics. The general theme is “Cultural Sensitivity in Design” You are to study a cultural phenomenon, or a particular subculture that is perceived as ‘sensitive’, and “frame” your study within the chosen theme. You are to convey this cultural aspect without altering the actual facts but within a presentable interpretation and adaptation that raises awareness from the viewers. Produce some preliminary ideas on how to visually express you interpretation using design language. Each idea is to be supported by a sh...
Read more

Experiential Design: Project 1

Image
4/11/2024 - 12/11/2024 Ng Zheng Kai 0359424 Bachelor of Design in Creative Media Experiential Design Project 1 INSTRUCTIONS Ideation process: Project 1: Anatomy Educational AR App Problem : Limited access to detailed and interactive anatomical models of the human body for educational purposes. Solution : An AR-powered platform allowing users to explore and interact with detailed 3D anatomical models of the human body. Fig 1.1 Anatomy AR App Feedback from Mr Razif: Animation on 3D models showcasing how different biological systems works could be interesting but animating 3D models might be hard to do. Project 2: Furniture Placement AR Problem: Difficulty visuali...
Read more

Experiential Design: Exercises

Image
23/09/2024 - 20/10/2024 Ng Zheng Kai 0359424 Bachelor of Design in Creative Media Experiential Design Exercises INSTRUCTIONS Week 1 -Introduction to the module and expectations of the class Week 2  -Journey map group activity In this group activity, we were to come up with a user journey map on an existing place. We cam up with Genting Skyworlds Theme Park and used Miro to create the journey map Fig 1.1 Group Activity User Journey Map Fig 1.2 Miro User Journey Map Task 1: AR Animals Task: Launch google.com on your phone browser search for dinosaur or dog, cat, tiger View in 3D View in AR (Life Size) Fig 1.3 View in 3D Fig 1.4 View in...
Read more