Posts

Showing posts with the label Application Design 2

Application Design 2 - Task 4: Final Project

Image
8 /7/2025 - 29/7/2025 /  Week 11 - Week 15 Cindy Clarissa Leslie / 0367677 Application Design 2 / Bachelor of Design (Hons) in Creative Media Task 4: Final Project INSTRUCTIONS   Using FlutterFlow, we continued in our process of creating our app, to which I have progressed from the MVP function itself and completed most of the prototype functions. Task 4:   Final Project Lottie animation Before I went on with creating the rest of the pages, I first focused on improving the MVP and created an animation that is more similar to my Figma prototype since the animation presets in FlutterFlow wasn't good enough. Figure 1.1 Animation added to profile page For keyframes, I mostly used position, opacity and also masking before exporting them to Lottie in order to get the JSON file. This is to add more visual feedback when the upload is successful, I created two of the profile pages, to which one has the animation from uploading and the other has none since it was navigated from the...

Application Design 2 - Task 3: Interactive Component Design & Development

Image
 8 /6/2025 - 7/7/2025 / Week 8 - Week 11 Cindy Clarissa Leslie / 0367677 Application Design 2 / Bachelor of Design (Hons) in Creative Media Task 3: Interaction Component Design & Development INSTRUCTIONS   Though the MIB states that students are required to create their prototype using HTML and CSS, this semester was handled differently, to which we had to quickly learn and adapt to using a new tool called FlutterFlow. Task 3:   Interactive Component Design & Development Prototype Creation Process Since we are using a new tool, I couldn't refer to the seniors work as to what I should do. Thankfully, I personally asked for clarification for this task, to which we had to focus on replicating our planned animation of our MVP in FlutterFlow. Since my MVP was image uploading as a social media app, I decided to focus on only building pages essential to it, I started with Onboarding, Login, Homescreen, Uploading and lastly User Profile. To create animations outside of Fl...

Application Design 2 - Task 2: Interaction Design Proposal and Planning

Image
29/5/2025 -  02/06/2025 / Week 5 - Week 7 Cindy Clarissa Leslie / 0367677 Application Design 2 / Bachelor of Design (Hons) in Creative Media Task 2: Interaction Design Proposal and Planning INSTRUCTIONS   In this task, students were required to do a detailed planning and proposal in listing down all the existing animations (macro and micro) which will be applied onto the final app product. The planning will be broken down into 3 main parts: App Flow Mapping, Master Plan and Animation. Task 2:   Interaction Design Proposal and Planning  App Flow Mapping The app flow mapping will mostly be based on the expected user flow when they access the app. However, since the app I'm redesigning is a social media app, there is no rigid structure and flow, therefore I made the app flow based on the scenarios I have created in Application Design 1. Though there are different kinds of scenarios, it all comes from the onboarding page first before landing onto the homepage, where user...