Posts

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

Collaborative Design Practice - Task 3: Prototypes, Tests, and Iterative Designs

Image
30/10/2024 - 24/10/2024 | Week 6 - Week 9 Edwin Choo Quan Rong | 0348305 GCD62204 Collaborative Design Practice | Bachelor of Design (Hons) In Creative Media Task 3: Prototypes, Tests, and Iterative Designs Instructions Task 3: Prototypes, Tests, and Iterative Designs Week 6: Iterative Design Prototypes (30/10) The progression of the task soon required us to produce final deliverables through iterative design prototypes, these deliverables include packaging designs and social media designs. We formed two small teams in our group to work on these deliverables, the packaging team consisting of Hana, Sarah and I, while the social media team is run by Arnusha, Sheryl, and Gladys.  During the first weeks of iterative design, the packaging team produced initial drafts of how the packaging would look like, basing our design choices from the themes, elements, logo, and image of Collacto as a probiotic drink. Fig 1.0 - W...