Posts

Advanced Interactive Design - Project 2: Planning and Prototype

Image
20/10/2024 - 17/11/2024 / Week 6 - Week 10 Cindy Clarissa Leslie / 0367677 Advanced Interactive Design / Bachelor of Design (Hons) in Creative Media Project 2: Planning and Prototype TUTORIAL During the tutorial session, we were taught on how to make a basic animation after learning mostly about tweening instead of changing the position of an element one by one. This serves as a basic skill we can apply onto the final project after on. Figure 1.1 Making enter animation We followed the lecturer's steps and I learned that tweening can be applied to different situations other than positions but also opacity or expansion. There's also options such as easing to make the animations smoother. Figure 1.2 Learning how to input actions by coding To make actual interactive elements, the 'actions' feature was introduced. The codes that I learnt were mostly used to click on elements and taking users to go to a specific frame which will especially be useful when designing a website. ...

Application Design - Project 2: UI/UX Design Document

Image
21/10/2024 - 02/12/ 2024  / Week 5 - Week 11 Cindy Clarissa Leslie / 0367677 Application Design / Bachelor of Design (Hons) in Creative Media Project 2: UI/UX Design Document LECTURES Week 5: Lecture 5 Significant UX problem: desired information placed in unexpected locations, engage users in navigation as a solution. Card Sorting Method:  used to understand how users group and categorise information. determines an organization scheme that aligns with users’ mental models. displays users a collection of cards, each contains a piece of information (page title, menu item etc.) Types: open - users label their own groups closed - researchers labels categories for users to sort card in hybrid - researchers and users provide predetermined groups (wildcard) remote - using available online websites designed for ux moderated unmoderated ask follow up questions to explain reasoning for groups users’ created.  Figure 1.1 Card sorting exercise in class Additionally, we were divided i...

Application Design - Project 1: Mobile Application Proposal

Image
23/92024 - 20/10/ 2024  / Week 1 - Week 4 Cindy Clarissa Leslie / 0367677 Application Design / Bachelor of Design (Hons) in Creative Media Project 1: Mobile Application Proposal LECTURES Week 1: Lecture 1 Purpose of application design: Seamless user experience Boosting engagement and retention Overall customer satisfaction This can be achieved by focusing on intuitive navigation and responsive layouts, improves the app’s long term viability. Principles of usability: optimising navigation, information architecture and visual hierarchy Week 2: Lecture 2 User Centered Design (UCD) Iterative cycle where designers focus on the user’s needs and incorporates that understanding in the whole process of creating a design. creating a product that is both aesthetically pleasing and efficient. User Experience Design Ux design aims to focus on the functionality aspect of the design, ensuring a smooth and functional interaction. User Interface Design UI design deals with the aesthetic aspect of t...

Advanced Interactive Design - Project 1: Thematic Interactive Website Proposal

Image
24/9/2024 - 20/10/2024 / Week 1 - Week 4 Cindy Clarissa Leslie / 0367677 Advanced Interactive Design / Bachelor of Design (Hons) in Creative Media Project 1: Thematic Interactive Website Proposal INSTRUCTIONS Project 1 [Thematic Interactive Website Proposal] Initial Ideas For the proposal, we were required to create a thematic website that is interactive for a specific topic of our choice. I eventually came up with several ideas: Jewelry brand (OHTNYC) Accessory brand (Gentle Monster) Fashion brand (Balenciaga) Music band (aespa) Museum (teamlab tokyo) Makeup (girlcult) I eventually chose  TeamLab as my topic, an interactive digital museum specifically located in Tokyo. The museum itself includes a lot of different exhibitions however I will be focusing mostly on their planet exhibition. For the website itself, my goal was to create a minimalist yet futuristic design that could support TeamLab's image. Figure 1.1 Whiteboard created on canva. Process Colour Scheme Figure 2.1 Main co...

Video & Sound Production - Final Compilation & Reflection

Image
22/4/2024 - 22/7/2023 / Week 1 - Week 14 Cindy Clarissa Leslie / 0367677 Video & Sound Production / Bachelor of Design (Hons) in Creative Media Final Compilation & Reflection INSTRUCTIONS Project 1:  Audio Dubbing Project 2:  Shooting Practice and Editing Project 3:  Stop Motion SUBMISSIONS Final Project 1: Audio Dubbing 9/5/2024 - 19/5/2024 / Week 3 - Week 4 Figure 1.1 Final submission slides Figure 1.2 Final video of video dubbing Link:  https://youtu.be/5oX9oLJXNlk?feature=shared Final Project 2(A): Production Shoot 9/5/2024 - 6/6/2024 / Week 3 - Week 7 Figure 2.1 Final production shoot video Link:  https://youtu.be/As13AUGJgeY Final Project 2(B): Tiktok/Insta Video Figure 3.1 Final Tiktok Video Link:  https://t.co/IbBtHRTj2R Figure 3.2 Proposal slides Figure 3.3 Final submission slides Final Project 3: Stop Motion 30/6/2024 - 4/8/2024 / Week 11 - Week 14 Figure 4.1 Final stop motion video submission Link:  https://youtu.be/Wz7ZxQLbXhk Figur...

Interactive Design - Final Project: Single Page Lifestyle Microsite

Image
2/7/2024 - 3/8/2024 / Week 8 - Week 14 Cindy Clarissa Leslie / 0367677 Interactive Design / Bachelor of Design (Hons) in Creative Media Final Project: Single Page Lifestyle Microsite INSTRUCTIONS   Research Figure 1.1 Mood board for final website Before starting the prototype, I first created the mood board for the whole concept and colour scheme. For this project, I wanted to create a fansite of one of my favourite bands, Deftones. As the band is known for their songs that has dark and edgy themes/ambience, I wanted the design itself to be able to represent their genre. I went with a dark theme with splashes of purple for a rather 'gothic' feel. I also chose a gothic display font called 'Malevolent' that will act as the headers of the website. Planning/Prototype Figure 2.1 Wireframing using Adobe XD  This time, instead of using Figma I attempted to try and use Adobe XD instead. Using the shapes tool for graphical aspects, I created a proper wireframe for the layout bef...