Yong Xiao Tong (0368290)

07/07/2025 - 29/07/2025 (Week 11 - Week 14) Yong Xiao Tong / 0368290 Application Design 2 / Bachelor of Design (Honours) in Creative Media  Task 4: Final Project Task 4: Completed myCuaca App Navigation Button (Floating Action Button) After spending more time working with FlutterFlow, I was finally able to create the navigation button. I eventually found a tutorial that really helped me through the process. It took some time to build and get it working across all screens, but I’m glad I was able to implement it successfully. I had been stuck on this part for a while, so it felt great to finally get it working. App Storyboard App test run App screens preview Web preview Final Submission myCuaca App Walkthrough Video Presentation myCuaca App FlutterFlow Link:  https://app.flutterflow.io/project/my-cuaca-2514uy  Published Web Address:  https://my-cuaca.flutterflow.app/ REFLECTION In ...

12/06/2025 - 07/07/2025 (Week 8 - Week 11) Yong Xiao Tong / 0368290 Application Design 2 / Bachelor of Design (Honours) in Creative Media  Task 3: Interactive Component Design & Development Task 3:  Interactive Component Design & Development We will build upon the knowledge gained in Task 2 to create micro-interactions and animated for our app. This will greatly elevate the user experience of the app. The aim of this task is to explore and make creative decisions on the type of interactions we would want to integrate into our app.  Figma Prototype Splash Screen Still figuring out how to make the logo animate with a fade-in and fade-out effect on the splash screen. Home Page The homepage starts with a location permission popup. The weather forecast will only appear if permission is granted. Weather Alerts ...

22/05/2025 - 05/06/2025 (Week 5 - Week 7) Yong Xiao Tong / 0368290 Application Design 2 / Bachelor of Design (Honours) in Creative Media  Task 2: Interaction Design Proposal and Planning Task 2: Interaction Design Proposal and Planning We are required to develop a comprehensive interaction design plan for our final web-based mobile application, including detailed wireframes, user flow diagrams, and prototypes of both micro and macro animations. The goal is to visually and conceptually prepare the interaction design and animations that will enhance the user experience of our application.  Splash Screen Weather apps typically don’t need a splash screen since users just want to get straight to the forecast. But since some well-known weather apps, like AccuWeather, still include one for branding, and AI also suggested keeping it quick and minimal, I decided to include a simple splash screen with a fade-in and fade-out anim...

24/04/2025 - 18/05/2025 (Week 1 - Week 4) Yong Xiao Tong / 0368290 Application Design 2 / Bachelor of Design (Honours) in Creative Media  Task 1: App Design 1 Self-Evaluation and Reflection Task 1: App Design 1 Self-Evaluation and Reflection In Application Design 1, I redesigned a weather app called myCuaca. The original app featured a light blue colour scheme, which offered a basic visual appeal. To better reflect current design trends and enhance the overall user experience, I decided to update the colour palette. After analysing modern weather apps, I chose to adopt a dark theme with a purple gradient, which not only adds a modern aesthetic but also improves content visibility, especially in low-light environments. New Colour Palette Since I had already made layout changes in the previous Application Design 1 module, the layout and structure of each screen remain the same in this redesign. The main focus in this update is the n...