Posts

App Design II - Task 4: Final Submission

Image
7/7/2025 - 29/7/2025 Edwin Choo Quan Rong / 0348305 / Bachelor of Design (Hons) In Creative Media DST 61004 / Application Design II Task 4 Task 4: Final Submission Note: The app name is labeled "Test" or "Test - App 2" as that's the project I started with during tutorial lessons before I progressed too far to change the name, so I stuck with it. Published Web URL:  https://weatherbug-app-81wdfy.flutterflow.app  (ps: best to view in test mode/mobile preview as its not built for web version's alignment) Video Presentation Walkthrough Video

App Design II - Task 3: Interaction Design

Image
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 ...

App Design II - Task 2: Interaction Design Planning & Prototyping

Image
 26/5/2025 - 9/6/2025 Edwin Choo Quan Rong / 0348305 / Bachelor of Design (Hons) In Creative Media DST 61004 / Application Design II Task 2 Task 2: Interaction Design Proposal and Planning Process Wireframes User Flowchart Diagram Animation Prototypes Animation Description & Rationale I utilized  Figma  to plan out the flowchart for the app. Here below is an overview of the flowchart as well as the animations used for the app. These animations were selected with simplicity, comfort, and ease of use in mind as people want to spend lesser time on simple information apps such as weather apps. Fig 1.1 - Flowchart Preview Fig 1.2 - Map Menu Flowchart Fig 2.0 - Video Presentation

App Design II - Task 1: Self-Evaluation & Reflection

Image
21/4/2025 - 12/4/2025 | Week 1 - Week 4 Edwin Choo Quan Rong | 0348305 | Bachelor of Design (Hons) In Creative Media DST61004 | Application Design II Task 1: App Design 1 Self-Evaluation & Reflection

Art Direction - Final Compilation and Reflection

Image
27/9/2024 - 6/1/2025 | Week 1 - Week 14 Edwin Choo Quan Rong | 0348305 GCD62404 | Art Direction | Bachelor of Design (Hons) In Creative Media Final Compilation and Reflection

Collaborative Design Practice - Task 4: Testing the end product and iterative designs

Image
25/11/2024 - 4/12/2024 | Week 10 - Week 11 Edwin Choo Quan Rong | 0348305 GCD62204 Collaborative Design Practice | Bachelor of Design (Hons) In Creative Media Task 4: Testing the end product and iterative designs

Collaborative Design Practice - Final Compilation and Reflection

25/9/2024 - 4/12/2024 | Week 1 - Week 11 Edwin Choo Quan Rong | 0348305 GCD62204 Collaborative Design Practice | Bachelor of Design (Hons) In Creative Media Final Compilation and Reflection Instructions Links Task 1: Empathy Map & Problem Statement Task 2: Brainstorming to Ideate the Solution to the Problem Statement Task 3: Prototypes, Tests, and Iterative Designs Task 4: Testing the end product and iterative designs Submissions Task 1: Empathy Map & Problem Statement 25/09/2024 - 9/10/2024 | Week 1 - Week 3 Task 2: Brainstorming to Ideate the Solution to the Problem Statement 16/09/2024 - 30/10/2024 | Week 4 - Week 6 Task 3: Prototypes, Tests, and Iterative Designs 30/10/2024 - 24/10/2024 | Week 6 - Week 9 Task 4: Testing the end product and ...