Posts

ADVANCED INTERACTIVE DESIGN/TASK 2: DESIGN PLANNING & PROTOTYPE

Image
20/05/2025 - 10/06/2025  /  Week 5 - Week 8 Marsya Arisa Binti Mahmud / 0359684 Advanced Interactive Design/ Bachelor of Design (Hons) in Creative Media / Taylor's University Task 2: Interaction Design Planning and Prototype INSTRUCTIONS <iframe src="https://drive.google.com/file/d/15RtAXVV0YGqVkjX9JhpHtlbuEgrzH9Fi/preview" width="640" height="480" allow="autoplay"></iframe> EXERCISES Week 6 - 27/05/2025 In Week 6, I learned how to animate buttons and add a hover effect. I was introduced to the button effect page that allows you to choose its state and a way to add lines of code to give its action.  This lesson felt highly important because I can apply this to my website later on.  Figure 1.1: Exercise Week 6 Week 7 - 03/06/2025 Mr. Shahmsul taught us how to create an animated introduction page for a website that leads to the main page. I learned new tools like masking and how to have sequence of texts appear naturally. Figure 1.2...

ADVANCED INTERACTIVE DESIGN/TASK 1: THEMATIC INTERACTIVE WEBSITE PROPOSAL

Image
22/04/2025 - 13/05/2025  /  Week 1 - Week 4 Marsya Arisa Binti Mahmud / 0359684 Advanced Interactive Design/ Bachelor of Design (Hons) in Creative Media / Taylor's University Task 1: Thematic Interactive Website Proposal INSTRUCTIONS <iframe src="https://drive.google.com/file/d/15RtAXVV0YGqVkjX9JhpHtlbuEgrzH9Fi/preview" width="640" height="480" allow="autoplay"></iframe> EXERCISES Week 2 - 29/04/2025 Our first exercise on Adobe Animate is to practice drawing, we were given a picture to trace out by Mr. Shahmsul to get the hang of using the tools available.  Figure 1.1: Drawing Practice of Boat Week 3 - 06/05/2025 For our exercise in week 3, I created an animated countdown. This taught me the 'shape tween' tool and the project timeline helps create smooth transitions, and that timing is crucial when animating. Figure 1.2: Shape Tween & Timeline Practice Week 4 - 13/05/2025 For week 4 I drew a beach ball using the skills...

DESIGN RESEARCH DISSERTATION/DRAFT DISSERTATION

25/04/2025 - 06/06/2025  /  Week 1 - Week 7 Marsya Arisa Binti Mahmud / 0359684 Design Research Dissertation / Bachelor of Design (Hons) in Creative Media / Taylor's University Draft Dissertation INSTRUCTIONS <iframe src="https://drive.google.com/file/d/1mRNTz7OonXHO2C3EGPv8Ii8cP4M1IEmm/preview" width="640" height="480" allow="autoplay"></iframe> FINAL DRAFT DISSERTATION Google Drive:  https://drive.google.com/drive/folders/1HpA7wGDqObarlbIArkPlXww3c1BFV_Xa?usp=sharing <iframe src="https://drive.google.com/file/d/1p4RI-S5nzZQd8WTQgP2pXyn9xic5G6b5/preview" width="640" height="480" allow="autoplay"></iframe> FEEDBACK <iframe src="https://drive.google.com/file/d/1KMwpy5kwnu-SSagNR_RzYNoi_sZENB3X/preview" width="640" height="480" allow="autoplay"></iframe>

INFORMATION DESIGN/FINAL PROJECT: INFOGRAPHIC VIDEO ANIMATION

Image
06.02.2025  - 20.03.2025 / Week 1 - Week 7 Marsya Arisa Binti Mahmud / 0359684 Information Design / Bachelor of Design (Hons) in Creative Media / Taylor's University Final Project: Infographic Video Animation INSTRUCTIONS Produce a basic video animation based on FLIP group topic research. Present the information to a 'target audience' with the purpose of: 1. Creating awareness (such as Global Warming, Recycle, etc.) 2. Explaining a process (such as "how to" video) 3. Defining a concept (such as "What is Fast Fashion", "What is Color Wheel", etc.) Video resolution: 1920px x 1080px HD (min 1.5 mins max 3 mins) <iframe src="https://drive.google.com/file/d/15_7oSZJlle_U2-hIxEFakp5nFOyENVwR/preview" width="640" height="480" allow="autoplay"></iframe> FINAL PROJECT: INFOGRAPHIC VIDEO ANIMATION Research For the first stage of our animation, we had to decide on a topic and propose it to our lecturer,...

MAJOR PROJECT 1/TASK 3: CONCEPT PRESENTATION

Image
12.03.2025 - 19.03.2025 / Week 6 - Week 7 Marsya Arisa Binti Mahmud / 0359684 Major Project 1 / Bachelor of Design (Hons) in Creative Media / Taylor's University Task 3: Concept Presentation INSTRUCTIONS <iframe src="https://drive.google.com/file/d/1JV8YXdnlMf16leE14z5HaP4G7qW0_kip/preview" width="640" height="480" allow="autoplay"></iframe> TASK 3: CONCEPT PRESENTATION For Task 3, our expected deliverables are: Storyboard/Sketches - Ga Wai Design Resources for Ideation - Marsya & Tracy Information Architecture (Card Sorting) - Marsya, Velicia & Tracy User Work Flow - Velicia & Tracy Design Guideline - Individual Wireframe - Individual Design Resources Tracy and I explored various UI application designs to ideate the app we are developing. We created a mood board on FigJam so the rest of our group members have a direction when it comes to our design guidelines and wireframe/sketches. Visual References on FigJam:   http...

MAJOR PROJECT 1/TASK 2: USER RESEARCH

Image
26.02.2025 - 05.03.2025 / Week 4 - Week 5 Marsya Arisa Binti Mahmud / 0359684 Major Project 1 / Bachelor of Design (Hons) in Creative Media / Taylor's University Task 2: User Persona & Journey Map INSTRUCTIONS <iframe src="https://drive.google.com/file/d/1JV8YXdnlMf16leE14z5HaP4G7qW0_kip/preview" width="640" height="480" allow="autoplay"></iframe> TASK 2: USER RESEARCH For Task 2, our expected deliverables are: Gather more user insights User Personas based on user research in Task 1 User Journey Map User Insight Tracy extracted information from the Affinity Diagram to organize the features in more depth: Figure 1.1: Improved Affinity Diagram To gather more user insight besides the Affinity Diagram, we created an Empathy Map using a template by Dave Gray to understand more about user needs. Figure 1.2: Empathy Map Our interviewees mentioned adoption through various social media platforms. We then decided to do a competitor anal...

INFORMATION DESIGN/PROJECT 1: INFOGRAPHIC POSTER & ANIMATION

Image
20.02.2025 - 06.03.2025 / Week 3 - Week 5 Marsya Arisa Binti Mahmud / 0359684 Information Design / Bachelor of Design (Hons) in Creative Media / Taylor's University Project 1: Infographic Poster & Animation TABLE OF CONTENT Instructions Part 1: Infographic Poster Part 2: Minimal Animated Infographic Final Submission Feedback Reflection INSTRUCTIONS a) Part 1: Infographic Poster Choose 1 infographic poster reference from the Internet Redesign the poster into A4 size . Sketch the idea and process Redesign and simplify the poster based on visual hierarchy & typography Simplify the poster's design based on color, shape & pattern b) Part 2: Minimal Animated Infographic Animate your infographic poster into one static loop animation page Loop duration in between 15-30 second Upload to Youtube channel <iframe src="https://drive.google.com/file/d/15_7oSZJlle_U2-hIxEFakp5nFOyENVwR/preview" width="640" height="480" allow="autoplay"...