Posts

APPLICATION DESIGN II FINAL PROJECT & E-PORTFOLIO

Image
22.05.2025 - 05.06.2025  / Week 5 -Week 7 Emily Goh Jin Yee / 0357722 / Bachelor of Design (Honours) in Creative Media  Application Design I/ DST60504 / Section 01 Final Project & E-portfolio TABLE OF CONTENTS 1.  INSTRUCTIONS 2.  TASKS 3.  FEEDBACK 4.  REFLECTION INSTRUCTIONS TASKS FINAL PROJECT & E-PORTFOLIO Task 4 was essentially a continuation and refinement of what we had done in Task 3. While the core structure remained similar, I took this opportunity to carefully review my previous work to identify any missing elements or inconsistencies. Based on that review, I made several improvements, particularly by enhancing the visual flow of the project. I added more animations to ensure a consistent and engaging user experience across different screens. These adjustments helped align the overall design with the intended user journey and made the interface feel more polished and interactive. process FINAL SUBMISSION website link  here walkthroug...

ADVANCED INTERACTIVE DESIGN FINAL PROJECT & E-PORTFOLIO

Image
13.06.2025 - 27.07.2025  / Week 8 -Week 14 Emily Goh Jin Yee / 0357722 / Bachelor of Design (Honours) in Creative Media  Advanced Interactive Design / DST60804 / Section 02 Final Project & E-portfolio TABLE OF CONTENTS 1.  INSTRUCTIONS 2.  EXERCISES 3.  TASKS 4.  FEEDBACK 5.  REFLECTION INSTRUCTIONS EXERCISES All W1-W9 exercises are completed in Task 1 . TASKS FINAL PROJECT & E-PORTFOLIO In Task 4, we were required to synthesise the knowledge gained from Task 1 (research and ideation), Task 2 (visual and interaction planning), and Task 3 (prototype development) to create a fully functional and refined interactive website experience. This task involved integrating visual assets, applying interactive features, and polishing the overall user flow into a complete and cohesive product. We were required to develop a minimum of five fully working pages, demonstrating both design and interactivity. The final project had to be deployed on either Netlify...

APPLICATION DESIGN II TASK 3: INTERACTIVE COMPONENT DESIGN & DEVELOPMENT

Image
12.06.2025 - 03.07.2025  / Week 8 -Week 11 Emily Goh Jin Yee / 0357722 / Bachelor of Design (Honours) in Creative Media  Application Design I/ DST60504 / Section 01 Task 3: Interactive Component Design &  Development TABLE OF CONTENTS 1.  INSTRUCTIONS 2.  TASKS 3.  FEEDBACK 4.  REFLECTION INSTRUCTIONS TASKS TASK 3: INTERACTIVE COMPONENT DESIGN & DEVELOPMENT In this task, we will build upon the knowledge and concepts developed in Task 2 to create functional micro-interactions and animated elements for our app. Unlike Task 2, which focused on visualising ideas, this task requires us to develop actual working components using HTML, CSS, and JavaScript, with the option to use animation frameworks if necessary. The aim is to enhance the user experience by exploring and implementing creative interaction designs. We are only required to focus on the main flow pages of our app, ensuring that the core navigation and user interactions are smooth and enga...

ADVANCED INTERACTIVE DESIGN TASK 2: INTERACTION DESIGN PLANNING AND PROTOTYPE

Image
23.05.2025 - 13.06.2025  / Week 5 -Week 8 Emily Goh Jin Yee / 0357722 / Bachelor of Design (Honours) in Creative Media  Advanced Interactive Design / DST60804 / Section 02 Task 2: Interaction Design Planning and Prototype TABLE OF CONTENTS 1.  INSTRUCTIONS 2.  EXERCISES 3.  TASKS 4.  FEEDBACK 5.  REFLECTION INSTRUCTIONS EXERCISES All W1-W9 exercises are completed in  Task 1 . TASKS TASK 2: INTERACTION DESIGN PLANNING AND PROTOTYPE Students are required to work on their visual design and start planning their website’s interactive design elements and features. Unlike traditional static website, when it comes to interactive design where animations are present, the plan not only should include the layout visuals but also the animation example or reference. Students can build their animation or user-reference animation to demonstrate the intended idea. For this task, I decided to follow a consistent visual and mood direction by using recurring elements...

APPLICATION DESIGN II TASK 2: INTERACTION DESIGN PROPOSAL AND PLANNING

Image
22.05.2025 - 05.06.2025  / Week 5 -Week 7 Emily Goh Jin Yee / 0357722 / Bachelor of Design (Honours) in Creative Media  Application Design I/ DST60504 / Section 01 Task 2: Interaction Design Proposal and  Planning TABLE OF CONTENTS 1.  INSTRUCTIONS 2.  EXERCISES 3.  TASKS 4.  FEEDBACK 5.  REFLECTION INSTRUCTIONS CLASS EXERCISES WEEK 6 EXERCISE This week, we learnt on how to animate logo through Lottiefiles. The logo chosen was the movie title of F.R.I.E.N.D.S which I made it slide in letter by letter and the dots moving between the letters. exercise done in Lottiefiles WEEK 7 EXERCISE In week 7, we learnt using Flutterflow platform. At the same time we learned on the publish settings on Firebase by linking to our Flutterflow account. process in Flutterflow WEEK 8-10 EXERCISE We continued learning the other features during tutorial class. In week 8 , we generate the map key and added the Google Maps widget . In week 9 , we created the product list...