Posts

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

Experiential Design - Task 3: Project MVP Prototype

Image
3/6/2025 - 6/7/2025 / Week 6 - Week 10 Cindy Clarissa Leslie / 0367677 Experiential Design / Bachelor of Design (Hons) in Creative Media Task 3: Project MVP Prototype LECTURES   LINK TO LECTURES INSTRUCTIONS   Task 3:  Project MVP Prototype First scene: Coral Scene Before starting any building with the AR aspects, I needed an image to act as the trigger for my experience. I drew my card using Adobe Photoshop, where in the end I will be printing into a physical laminated photocard. Figure 1.1 Card designs I only proceeded with working on the project when I have confirmed that the design is optimized for image scanning, where I inserted these into Vuforia and checked their ratings. In the end, the design got a rating of 4 out of 5 which was already good enough for me. I first started with the coral growth scene, where I utilized Vuforia's image target for my AR interaction. Link to asset Figure 1.2 Main asset used for coral models Figure 1.3 3d coral models compiled in Unit...

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