18/5/2024 - 8/6/2025 (Week 11 - Week 15)
Shawn Wong Kai Hen / 0375372
Application Design 2 / Bachelor of Design (Hons) in Creative Media
Application Design 2 - Final Task
Task 3 Requirement
Students will consolidate the insights and skills acquired from Tasks 1, 2, and 3 to inform the development of Task 4. In this final phase, they are expected to integrate refined visual assets and enhance their prototype into a fully functional and cohesive product experience.
Recap of completed features in Task 3: Click
HERE
refer to previous blog.
Final Task Progression
1. Adding Transition Animation
As I approach the final task, my app is nearly complete. I am currently focusing on implementing page-to-page transition animations. These transitions not only enhance the visual appeal of the app but also elevate the overall user experience by making interactions feel smoother and more engaging.
2. Upload Image
As I near the completion of my app, I've begun integrating images into the interface. Since I had already set up containers and image layers earlier, I can efficiently upload visuals by using direct image URLs from the web. This method is more convenient and time-saving compared to downloading and manually importing the images.
3. Create Shadow
Here are three shadow styles I created for my app. Since shadows can't be directly applied to images, I had to place each image inside a container and then apply the shadow to that container. While this workaround achieves the desired effect, I find the process somewhat unintuitive and not very user-friendly.
Final Work (Notice: Preview Size Iphone 15 Pro Max - 430/932)
👉
My App Walkthrough Video
REFLECTION
Experience
Reaching the final stage of my LRT transport app project,I found myself reflecting not only on the development process but also on how much I've grown throughout this module.Initially,the idea of building a fully functional prototype using FlutterFlow felt overwhelming. However, as I gradually explored its interface,I began to appreciate how intuitive and flexible the platform could be, especially for someone with a design background but limited coding experience.especially for someone with a design background but limited coding experience.especially for someone with a design background but limited coding experience.especially for someone with a design background but limited coding experience.especially for someone with a design background but limited coding experience.
Although I couldn't explore every feature due to time constraints, I gained a solid foundation in no-code development. Setting up layouts, adding basic interactivity,and working with assets became progressively more manageable, giving me a sense of achievement as my app took shape.giving me a sense of achievement as my app took shape.giving me a sense of achievement as my app took shape.
Findings
One of the most impactful moments in my learning journey was Mr. Razif's breakdown of variables and logic.This helped me understand the importance of conditional actions and how user interactions could dynamically trigger responses in the app.It shifted my thinking from simply designing screens to crafting user experiences that respond meaningfully to user input. Even though I only managed to implement some of these concepts,I now recognize how essential logic flows and interactive systems are in creating a seamless and usable product.
I also learned a practical workaround when working with image shadows in FlutterFlow. Since shadows can't be directly applied to images,I had to layer images over containers and apply shadows to the container instead. While it achieved the desired visual effect,I found this approach slightly unintuitive—highlighting the importance of understanding the limitations of the tool you're working with.
Observations
This module was a mixture of creativity and constraint. I enjoyed the opportunity to develop a project around my own idea and appreciated the guidance from the teaching team.However, managing the scope of the project under time pressure was challenging. I had originally envisioned a more complete product with polished transitions and connected data,but some elements had to be scaled back. This reminded me that in real-world projects, compromises are often necessary, and iteration is key.compromises are often necessary, and iteration is key. This reminded me that in real-world projects, compromises are often necessary, and iteration is key.and iteration is key.This reminded me that in real-world projects, compromises are often necessary, and iteration is key.and iteration is key.This reminded me that in real-world projects, compromises are often necessary, and iteration is key.Compromises are often necessary, and iteration is key.Compromises are often necessary, and iteration is key.
Despite these challenges, I'm proud of how much I've learned. I now understand the structure behind app development, how to think beyond aesthetics,and how to prototype functionality in a no-code environment. More importantly, I've realized that submission deadlines don't mark the end of the learning process.I plan to continue refining and improving this app during the semester break, turning it into a more complete portfolio piece.turning it into a more complete portfolio piece.turning it into a more complete portfolio piece.
This project has taught me to approach design problems with structure, to embrace limitations as part of the process, and to see every challenge as a learning opportunity.These insights will continue to guide me in future design and development work.
Comments