Application Design II / Final Task

on
21/4/2025 - 5/6/2025 (Week 12 - Week 15)
Wee Jun Jie / 0375271
Application Design II / Bachelor of Design (Hons) in Creative Media
Final Task: Completed App

All class notes have been stored here: My Notes

 INSTRUCTIONS 

<iframe src="https://drive.google.com/file/d/16bRDQ2MYICukbgm9S20tULOMcRedVvyr/preview" width="640" height="480" allow="autoplay"></iframe>


 Task 3 Requirements: 
Students will synthesize the knowledge gained in task 1, 2 and 3 for application in task 4. Students need to create integrate visual asset and refine the prototype into a complete working and functional product experience.

Recap of completed features in Task 3: Click HERE refer to previous blog.
  • Splash Screen – Built with Figma Prototype and export as Lottie json. A text blur loading effects to create the smooth page transition to login screen.
  • Login Page – Fully functional with input fields, buttons, and animated transitions.
  • Onboarding Pages – Designed interactive onboarding screens with circle loading animations.
  • Route Setup – Pages for selecting start/end point and choosing travel dates using custom slide up bottom sheet components.
  • Radio Button Selection – Interactive button with toggleable checkboxes and chips.
  • Transport Schedule Page – Displays available buses/trains with toggle notifications to mark destination time.
  • Route Selection – Fully functional slide up page transform.
  • Feature – Implemented lifestyle feature with image sliders for a variety customer need.

My Flutter Flow Publish Link: My Publish Link
My Rapid Pulse Preview Link: https://app.flutterflow.io/preview/my-rapid-p-u-l-s-e 
* If you are not the administrator of the app, you might not have permission to view from the splash screen page. You may contact me via my email: wjj8119922@gmail.com to request permission.

Walkthrough Video

 REFLECTION 
As I approached the final stage of my LRT transport app project, I found myself reflecting not only on the technical process, but also on my personal growth throughout this module. Using Flutter Flow to build a functional prototype seemed daunting at first, but over time, I realized that the platform is more intuitive and flexible than I expected. Although I didn’t manage to explore and apply all of Flutter Flow’s features due to time constraints, I gained a strong foundational understanding of how no-code development tools can empower designers to bring ideas to life.

One of the most valuable lessons I learned came from Mr. Razif’s explanation of variables and logic. This unlocked my understanding of how buttons could trigger changes or how screens could respond dynamically through conditional actions. It helped me think beyond layout and visual design towards how users actually interact with the app over time. Even though I only managed to apply a portion of these concepts in my project, I now understand how important logic and interaction flow are in creating a seamless user experience.

This class was both enjoyable and stressful. I appreciated the freedom to shape my own app idea and the support from the teaching team, but I also felt the pressure of balancing scope with time. In the end, I am disappointed that my app wasn’t as complete as I had originally envisioned. There are several areas I wish I could have polished furthermore complete data connections & additional advanced motion flow. However, I accept that this is part of the design process, and not every project will reach perfection in the first round.

That said, I’m proud of the progress I’ve made. I now understand how to structure a mobile app, how to translate ideas into interactive prototypes, and how to work within the limitations of a tool like Flutter Flow while still achieving meaningful outcomes. Most importantly, I’ve realized that learning doesn’t stop at the end of a submission. I plan to revisit and continue improving my app during the semester break, turning this project into something I can be truly proud of. This final project has taught me to approach problems with more structure, to embrace iteration, and to value clarity in both design and communication. It’s a foundation I will carry with me into future design challenges.