APPLICATION DESIGN II FINAL PROJECT & E-PORTFOLIO

22.05.2025 - 05.06.2025  / Week 5 -Week 7

Emily Goh Jin Yee / 0357722 / Bachelor of Design (Honours) in Creative Media 

Application Design I/ DST60504 / Section 01

Final Project & E-portfolio

TABLE OF CONTENTS

1. INSTRUCTIONS

2. TASKS

3. FEEDBACK

4. REFLECTION

INSTRUCTIONS


TASKS

FINAL PROJECT & E-PORTFOLIO

Task 4 was essentially a continuation and refinement of what we had done in Task 3. While the core structure remained similar, I took this opportunity to carefully review my previous work to identify any missing elements or inconsistencies. Based on that review, I made several improvements, particularly by enhancing the visual flow of the project. I added more animations to ensure a consistent and engaging user experience across different screens. These adjustments helped align the overall design with the intended user journey and made the interface feel more polished and interactive.


process




FINAL SUBMISSION
website link here




FEEDBACK


no feedback given


WEEK 14

General Feedback

  • submission on Week 15 Tuesday

Specific Feedback 

  • fixed firebase expire date

REFLECTION

Experience

Task 4 was a continuation of the work from Task 3, where I focused on refining the interactive components and improving the overall flow and consistency of the project in FlutterFlow. I revisited areas that needed improvement—such as animations, visibility conditions, and action logic—and made the necessary adjustments to ensure a smoother and more consistent user experience.

Throughout this task, I encountered several challenges, particularly with the delay in FlutterFlow’s publishing system. Even after clicking “Publish,” updates didn’t appear immediately on the live site, and in some cases, components became unresponsive. I tried using Test Mode to troubleshoot, but certain elements still didn’t load. This made testing and recording the final version frustrating, especially as time was running out. When it finally worked, I managed to record everything—but it was already past the deadline. 

Looking back on the entire module, I’ve seen clear growth in how I approach interaction design. At the beginning, I was unfamiliar with FlutterFlow and had to rely on experimentation and documentation to understand how the platform worked. Over time, I became more confident with using its tools—from managing components to setting up conditional actions and dynamic screens. Each task built on the last, and Task 4 allowed me to apply what I’d learned in a more strategic and polished way. Although the technical issues were frustrating, the overall journey taught me how to handle complex logic, structure my workflow more efficiently, and think ahead when designing interactive features.

Observations

I observed that changes in FlutterFlow do not always reflect immediately when published, which can create confusion when testing for final submission. Some components also behaved differently between the editor, Test Mode, and the live published version. I realized that creating reusable components gave me more flexibility in troubleshooting layout and interaction issues, and helped keep things consistent. Timing and visibility conditions also played a big role in how smooth or buggy the interface felt, even with small changes.

Findings

This task taught me that interactive development is just as much about problem-solving and preparation as it is about design. I had to think carefully about how each component would behave, how to manage updates effectively, and how to adapt when tools don’t respond as expected. The experience also highlighted the importance of double-checking submission steps and allowing more time for testing when using cloud-based tools. Overall, this task—and the module as a whole—helped me build a stronger foundation in interactive design, while sharpening my technical thinking and planning skills.


Comments

Post a Comment

Popular posts from this blog

APPLICATION DESIGN II TASK 1: APP DESIGN 1 SELF-EVALUATION & REFLECTION

Image
24.04.2025 - 15.05.2025  / Week 1 -Week 4 Emily Goh Jin Yee / 0357722 / Bachelor of Design (Honours) in Creative Media  Application Design I/ DST60504 / Section 01 Task 1:  App Design 1 Self-Evaluation and  Reflection TABLE OF CONTENTS 1.  INSTRUCTIONS 2.  EXERCISES 3.  TASKS 4.  FEEDBACK 5.  REFLECTION INSTRUCTIONS CLASS EXERCISES WEEK 3 EXERCISE To redesign a boarding pass based on prioritizing the main information. We were given an information page and we worked in groups to design a boarding pass. process Outcome WEEK 4 EXERCISE To create a task flow chart/wireflow chart for a booking app. Our group have chosen a cinema app (booking movie). Task flow chart for cinema app TASKS TASK 1: APP DESIGN 1 SELF-EVALUATION & REFLECTION  For this task, we need to reflect on the final project we created in Mobile App Design 1. The main goal is to evaluate the app we designed, identify what didn’t work so well, and think of ways to improve th...
Read more

INFORMATION DESIGN EXERCISES

Image
03.02.2025 - 17.02.2025  / Week 1 -Week 2 Emily Goh Jin Yee / 0357722 / Bachelor of Design (Honours) in Creative Media  Information Design / GCD60504 / Section 01 Exercises TABLE OF CONTENTS 1.  LECTURES 2.  INSTRUCTIONS 3.  EXERCISES ↪ EXERCISE 1 ↪ EXERCISE 2 4.  FEEDBACK 5.  REFLECTION LECTURES INSTRUCTIONS CLASS EXERCISES EXERCISE 1: QUANTIFIABLE INFORMATION Objective: Quantify raw data and visualize information through a photograph. Create a visual representation of numerical data that allows for easy interpretation and analysis. Instructions: Gather a set of objects and categorize them based on quantifiable factors such as color, shape, or pattern. Arrange the objects in a presentable layout or chart. Clearly label the quantities and data using written indicators (e.g., pens or markers). Example Objects: Box of LEGO pieces Jar of buttons Jar of marbles Set of colorful rubber bands M&Ms, coins, or other small items The goal of this exercise is ...
Read more

APPLICATION DESIGN FINAL PROJECT & E-PORTFOLIO

Image
11.11.2024 - 12.01.2025 / Week 8 -Week 16 Emily Goh Jin Yee / 0357722 / Bachelor of Design (Honours) in Creative Media  Application Design I/ DST60504 / Section 01 Final Project: Hi-Fidelity App Design Prototype & E-portfolio TABLE OF CONTENTS 1.  LECTURES 2.  INSTRUCTIONS 3.  TASKS 4.  FEEDBACK 5.  REFLECTION INSTRUCTIONS TASKS FINAL PROJECT: HIFIDELITY & E-PORTFOLIO After completing the low-fidelity app design prototype, I transitioned to the high-fidelity version. To start, I used the Color Shades Finder tool to refine the color palette. One of the issues with the Watsons app is its lack of a consistent color theme. While the current colors somewhat represent the brand and make the app recognizable, they can also feel overly distracting. For the high-fidelity prototype, I focused on creating a more cohesive and simple color theme. In the existing app, green, blue, pink, and various gradients are frequently used. For this redesign, I chose colors...
Read more