CINDY CLARISSA LESLIE (0367677)

17/11/2024 - 8/1/2025 / Week 10 - Week 14 Cindy Clarissa Leslie / 0367677 Advanced Interactive Design / Bachelor of Design (Hons) in Creative Media Final Project: Completed Thematic Interactive Website TUTORIAL In this tutorial session we were generally introduced to using gsap and external codes into our work. This is to ensure that interactions are functional yet can be done within one frame that could save up space. The tutorial mostly used codes that allows the manipulation of an element's position. Figure 1.1 Gsap tutorial file Figure 1.2 Introductory codes Next, we had to apply the knowledge that we got from this tutorial onto a new file, where we basically have to navigate onto specific different parts of the image we chose combined with the code 'scale' to zoom in and out. Figure 2.1 Tutorial shown in class using gsap INSTRUCTIONS Final Project [Completed Thematic Interactive Website] Design Process Figure 3.1 Designing the homepage In the loading and homepage, I in...

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

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