INTERACTIVE DESIGN/FINAL PROJECT: DESIGN, EXPLORATION & APPLICATION

12/06/2024 - 24/07/2024  /  Week 8 - Week 14

Marsya Arisa Binti Mahmud / 0359684

Interactive Design / Bachelor of Design (Hons) in Creative Media / Taylor's University

Final Project: Design, Exploration & Application

---

INSTRUCTIONS

Design and develop a single page microsite centered around the theme of lifestyle. Craft and immersive and visually appealing microsite that effectively communicates the chosen theme and engages users through thoughtful design and interactive elements.

Requirements:

• Introduction
• Featured Content
• Photo Gallery
• Expert Interviews and Testimonials
• Get Involved or Subscribe
• Photo Gallery

<iframe src="https://drive.google.com/file/d/1I_tFKVYqeYWZXvayHqHDwuFyF7y5CHsu/preview" width="640" height="480" allow="autoplay"></iframe>

---

PROCESS WORK

Figure 1.1: Content Structure of Website

Figure 1.2: Visual Reference

Figure 1.3: Mood Board

INTRODUCTION

Figure 1.4: Introduction Section

FEATURED CONTENT

Figure 1.5: Featured Content Section

PHOTO GALLERY

Figure 1.6: Photo Gallery Section

INTERVIEWS

Figure 1.7: Interviews Section

SUBSCRIBE

Figure 1.5: Subscription Section

LOGO DESIGN

Figure 1.6: Logo

HTML

Figure 1.7: HTML Code 

CSS

Figure 1.8: CSS Code

NETLIFY LINK

https://local-music-industry-in-malaysia.netlify.app

---

REFLECTION

Experience

During my final project for the Interactive Design course, I was tasked with designing and developing a single-page microsite centered around the theme of lifestyle. The goal was to create an immersive and visually appealing microsite that effectively communicated the chosen theme and engaged users through thoughtful design and interactive elements. The project began with extensive research on current trends in lifestyle websites and microsites. I explored various design inspirations and gathered visual references to create a mood board that would guide the overall aesthetic of the site. This process included analyzing color schemes, typography, layout styles, and interactive elements that were prevalent in successful lifestyle websites. I then moved on to the design and development phase, utilizing HTML and CSS to bring the site to life. This phase involved creating a visually engaging layout that was also functional and easy to navigate. I incorporated interactive elements, such as hover effects and clickable images, to enhance user engagement.

Observation

Throughout the project, I observed the importance of a well-structured content layout and the impact of visual elements in user engagement. By carefully planning the content structure and gathering visual references, I was able to create a cohesive and appealing design. The mood board helped in setting the right tone and style for the microsite. Additionally, integrating features such as a photo gallery, expert interviews, and a subscription section contributed significantly to the overall user experience.

Findings

One of the key findings from this project was the realization of how critical it is to balance aesthetics with functionality. While a visually stunning design can attract users, the usability and accessibility of the site are what keep them engaged. The use of HTML and CSS allowed me to implement interactive elements that enhanced user interaction. This project has not only enhanced my technical skills but also deepened my understanding of user-centered design principles, which are essential for creating effective and sustainable digital experiences.