Application Design II

21.04.2026 -  (Week 1 -  Week  )
Diane Sani Alexander Wan / 0378712 
Application Design II / Bachelor of Design (Hons) in Creative Media 
Application Design II
TABLE OF CONTENT

INSTRUCTIONS


LECTURE

Week 1: 

In today's class we just did a briefing on what the module is on and did a bit of a tutorial on the AI audit and seeing how AI would critique our work. Then we explored a bit on FlutterFlow.

Week 2:

Today's class we did a small task on the mobile UX teardown and try to get a better understanding on how to think like a UX designer. 


We did a tutorial on the Flutterflow and learning the basics of it and following the basic guide on how to use it. 

Week 3:

We had to do the design native and review our previous work on Figma and find things that need more work on. 

The task, I decided to work on is the cart page as it has all the things needed to do.  

Micro-interaction:

  • The checkout button turns to orange colour when clicked on.

  • When cancelling the products, the ‘X’ button, the product would slide out and the one on the bottom would move up. 

  • For the discount code the text box would turn green. 

  • The Quantity button would have a small pop up animation when adding or minus the amount. 


Macro-interaction:

  • Before entering the cart page it would have a loading screen before entering the page.

  • Slide in transition when coming into the page.


Then after I showed my interactions to the lecturer and she approved, I had to move my Figma file into FlutterFlow and make it work there.


Week 4:

Since the lecturer was sick this week, she moved it to an online class and basically taught us the about the Firebase in FlutterFlow.

Followed the tutorial

Week 5:

Worked on the task 2 and figured out the firebase.

Week 6:

Week 7:

TASK

FEEDBACK

Week 2:

Week 3: 
Based on the tasks I picked for our tutorial of the week, it was good to go and the animations were ok and proceed to move it to Flutterflow.

Week 4:

Week 5:

Week 6:

Week 7:
REFLECTION

I wasn't sure on what we're going to do in this module, like if we were using Figma, but we learnt to use Flutterflow and I think its pretty interesting and fun to use when I learned the basics of it at first.

Comments

Post a Comment

Popular posts from this blog

Exercise 1 - Web Anaylsis

Image
 25/09/2024 - 5/10/2024 Diane Sani Alexander Wan / 0378712 Interactive Design / Bachelor of Design (Hons) in Creative Media Exercises 1. TASKS Week 2:   Exercise 1 - Web Analysis We need to pick 2 websites that were given in Google classroom and then interpret the websites and see how it impacts the user experience. We have to consider the purpose and goals of the website and identify the strengths and weaknesses of the website.  WEBSITE ANALYSIS Awwwards  https://www.awwwards.com/ After some exploration on this website and scrolling through, this website targets UI/UX designers as the main purpose of the website is to show the 'site of the day' and also the 'site of the month'. You are able to gain inspiration from this website and also purchase a design you desire. They also offer a wide range of courses for those that want to learn more and increase their skill and knowledge.  Content The website itself is also visually aesthetic, so it relates to how rele...
Read more

Advanced Typography / Final Compilation & Reflection

Image
08.06.2025 - 22.07.2025 (Week  01 -  Week 14) Diane Sani Alexander Wan / 0378712  Information Design / Bachelor of Design (Hons) in Creative Media  Final Compilation & Reflection INSTRUCTIONS TASK 1 / EXERCISES   EXERCISE 1 / TYPOGRAPHIC SYSTEM   EXERCISE 2 / TYPE & PLAY TASK 2 / KEY ARTWORK & COLLATERAL   EXERCISE 2A / KEY ARTWORK   EXERCISE 2B / COLLATERAL TASK 3 / TYPE EXPRESSION & APPLICATION REFLECTION INSTRUCTIONS Links to blog: Task 1 : Exercises Task 2 : Key artwork and Collateral Task 3 : Type expression and application TASK 1 / EXERCISES WEEK 01 - WEEK 04 EXERCISE 1 / TYPOGRAPHIC SYSTEM Figure 1.1 Axial System Final. Week 2 Figure 1.2 Radial System Final. Week 2 Figure 1.3 Dilational System Final. Week 2 Figure 1.4 Random System Final. Week 2 Figure 1.5 Grid System Final. Week 2 Figure 1.6 Modular System Final. Week 2 Figure 1.7 Transitional System Final. Week 2 Figure 1.8 Bilateral System Final. Week 2 Figure 1.9 Finaliz...
Read more

Advanced Typography / Task 3: Type Expression & Application

Image
08.06.2025 -  (Week  09 -  Week 14) Diane Sani Alexander Wan / 0378712  Information Design / Bachelor of Design (Hons) in Creative Media  Task 3 / Exercises: Type Expression & Application TABLE OF CONTENT 1. Lectures 2. Instructions 3. Exercises 4. Feedback 5. Reflection 1. LECTURES WEEK 01 - 04 LECTURES CLICK HERE WEEK 05 LECTURES CLICK HERE 2. INSTRUCTIONS TASK 3 - Type Expression and Application (30%)  Timeframe: Week 08 - Week 12 (Deadline Week 13)  3. EXERCISES  TASK 3 - PROPOSAL We were tasked to do create a font based on these three options: Create a font that is intended to solve a larger problem/ part of a solution in the area of your interest.  Explore existing letterforms in an area of interest. Experimental design. WORK IN PROGRESS WEEK 9 The task was to create a presentation proposal for 3 ideas from the options given. The ideas shown were psych hand lettering which was to explore more into the Greek lettering and apply it to...
Read more