App Design II - Task 3: Interaction Design

16/6/2025 - 7/7/2025 Edwin Choo Quan Rong / 0348305 / Bachelor of Design (Hons) In Creative Media DST 61004 / Application Design II Task 3 Task 3: Interaction Design Fig 1.0 - Home Menu in Flutterflow Published Web URL: https://weatherbug-app-80wdfy.flutterflow.app (ps: realized version is not responsively built for web, view mobile version for intended effect) Process Section 1: Constructing Figma's layout inside Flutterflow Adjusting to Flutterflow's design elements is not as simple as Figma's drag and drop interface, allowing users to interact with elements easily. To begin designing in Flutterflow, I had to learn the main elements of its layout which consists of columns, rows, and containers . Fig 1.1 - Stack feature usage The way columns, rows, and containers work in Flutterflow is placed top to bottom in the order that they are added into the widget tree, making it a hurdle to my opening layout in Figma. Which is where the "Stack" widget is used, allowing ...