Posts

Interactive Design Final Project Websites Redesign Development

Image
 Websites Redesign Development December 2025 - January  2026 HE KEHUA (0379395) Interactive Design Website Link: https://hekehua0379395taylor.netlify.app/ GoogleDrive: https://drive.google.com/drive/folders/1gbCwKKnLJ-5DPHg1JVT4yaFuGPlY3ucX?usp=drive_link Report Website Redesign Development Report Introduction The objective of this assignment was to transform my approved website redesign prototype into a fully functional, responsive, and interactive website. As a second-year Interaction Design student, this project allowed me to apply design thinking, user experience principles, and front-end development skills in a practical and meaningful way. The final website consists of more than five pages and reflects the visual design, layout decisions, and interaction strategies established in the earlier stages of the project. This report documents the website development process, key challenges encountered, solutions implemented, as well as testing and deployment. It also reflects o...

Sonic Design : Final Project

Image
                                                              Sonic Design : Final Project HE KEHUA    0379395 Bachelor of Design (Hons) in Interactive Design Final Project Final Project: Game Audio Students will given a choice of gameplay videos. They will then need to create the sound and bring the scene to life. Students will have to plan and organize their studio recording session for Foley and voice recording. They will also have access to the portable recorder if required. Our lecturer had taught us some techniques to manipulate the sounds we recorded. Gameplay Video The lecturer provided us 5 gameplay videos and the game that I chose is this one. I was keen to create sound effects that match the cute and interesting in the game.  Reference study I have rarely played this type of game before, so I pay more attenti...

Sonic Design - Project 2: Audio Storytelling

Image
  Project 2: Audio Storytelling HE KE HUA/ 0379395                                                                     The Lion and The Mouse Video link: https://drive.google.com/file/d/1-3T_iu5ZAYZoA3fY7-B8jlT7-7nbFgiF/view?usp=sharing Au link: https://drive.google.com/file/d/1IzBWKhYj0chUYnHwlzx_PTuQSKP46ZPc/view?usp=sharing PROJECT 2: AUDIO STORYTELLING “Students are to pick one popular fairy-tale story of their choice and create an audiobook. The task is a step up from auditory imaging whereby now the students not only need to think about suitable soundscapes, but they need to record the voice with the suitable voice acting and bring it all together with sound effects to highlight and enhance the storytelling experience. Imagine that this is a show for radio.” Progress For this assignment, I decided...

Interactive Design Project 2 - Websites Redesign Prototype

Image
 Student ID : 0379395 Name : HE KEHUA Dev Mode Link: https://www.figma.com/design/KhDe89OPNMJqcn3LVzh4xr/Taylor?node-id=0-1&m=dev&t=AIwh4r56ubRw8CKw-1 Prototype Link: https://www.figma.com/proto/KhDe89OPNMJqcn3LVzh4xr/Taylor?node-id=0-1&t=AIwh4r56ubRw8CKw-1 A brief write-up In the first part of the analysis, I mainly dissected the problems of Taylor ’ s University ’ s official website from the perspectives of navigation, information structure, and visual consistency. In the second part, the Prototype stage, I truly transferred those ideas from paper to Figma. This process was more challenging than I imagined and made me realize that “ interaction design ” is not just about drawing beautiful interfaces, but about seamlessly integrating experience, content, and visuals. When creating the Homepage, I spent a lot of time thinking about the “ first impression. ” Because the existing website has so much content, users easily experience visual fatigue and struggle to identif...

Sonic Design Project 1

Image
 24/10/2025 - 10/11/2025 (Week 5 - Week 7) HE KE HUA/ 0379395 Source: https://drive.google.com/drive/folders/1TzQiv-A9oAZo8QFjmsJKh-dswo_dhDmM?usp=drive_link Au:https: //drive.google.com/file/d/1ucOOAAPXhWhizxaM9z2_DtwL8iXveUZ4/view?usp=drive_link SoundMP3: https://drive.google.com/file/d/1OOlAiQPW_xc6zKuwxgf8emYpdjwSxqJD/view?usp=drive_link   Instructions: In this project, we were tasked to create an audio image using only non-verbal sounds — no dialogue or narration. 1.Wildlife + Background/ 2.Household Activities + Background  3.City + Traffic + External Ambience 4.Industrial / Electronic + Background  5.Weather + Background  6.Market / Rural Ambience + Background  Sound Effects Resources Freesound Org https://freesound.org/ BBC Sound Effects https://sound-effects.bbcrewind.co.uk/ Concept: For this assignment, I chose the “Weather + Background” theme. My idea was to portray a short sound story called “The Coming Storm”, which describes a calm afternoon gradually turning i...

Interactive Design Exercise 3

Image
Creating a Recipe Card Introduction: When I started this exercise, I wanted to make something simple but nice to look at. I chose a chocolate chip cookie recipe because it’s one of my favorite snacks, and I thought it would make the page feel warm and friendly. At first, I just focused on getting all the sections to work — title, image, ingredients, and instructions. Then I played around with CSS to make it look cleaner and easier to read. I also added some colors and rounded corners to make it more “fun” instead of just plain text. I think the hardest part was making sure everything lined up properly and looked balanced. But after I got it working, it was actually quite satisfying to see the final result online. Overall, this was a nice way to practice both HTML structure and basic CSS styling in a creative way. Website link: https://foodrecipe0379395.netlify.app/ Website home page: Code:  

Interactive Design Project 1 - Website Redesign Proposal

Image
  Project 1 - Website Redesign Proposal Canva link: https://www.canva.com/design/DAG2rk6OiBE/8A_VwoBX7ja4cy3q6iztOA/edit?utm_content=DAG2rk6OiBE&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton Project requirements: I chose to analyze our university’s website because I noticed several areas that could be improved during my use of it. This project aims to provide a well-reasoned evaluation and propose design solutions to enhance its overall usability and user experience.