Interactive Design - Assignment 1

 21.04.2026 - 19.05.2026 / Week 1-Week 5 

Aida Tan Jie Fei / 0385645

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

Assignment 1 

---

LIST

• Instruction
• Lectures
• Process Work
• Final Work
• Feedback

---

INSTRUCTION

Figure 1 Module Information

This task requires us to work as a team to develop a digital business concept that relies on a website to operate successfully. We first need to create an original business idea and define its Unique Value Proposition (UVP) as well as the main goal of the website. After that, we will conduct competitor and target audience analysis to study the strengths and weaknesses of existing websites and understand the needs of the target users. In addition, we also need to plan the website structure, user experience, and overall visual style through a sitemap, core user flow, and mood board before moving into the coding stage.

[Back to Top]

---

LECTURES

Week 1

Introduce the module information and Assignment 1.

Week 2

Introduced and taught us how to use the Visual Studio Code application for our future work. Besides that, the lecturer also introduced the website W3Schools as a tutorial resource for creating websites.

Figure 2.1 Visual Code Studio Tutorial

Figure 2.2 Tutorial Outcome

Week 3

Presentation week, where every group presented their business ideas.

Week 4

Learned the basics and starting steps of creating a website through tutorials. We could use templates from Google, refer to codes from W3Schools, and seek help from AI during the website development process.

Tutorials video 

• Modified template using google developer tool
• Html table tutorial

Google Developer Tool - Template

Figure 2.3 Template Develop Tool

Figure 2.4 Template Develop Visual Code Studio

Figure 2.5 Template Tutorial Outcome

Table Tutorial

Figure 2.6 Table Tutorial Visual Code Studio

Figure 2.7 Table Tutorial

Figure 2.8 Table Tutorial Outcome

Week 5

We learned how to use the Canva template to create the website we wanted. Besides that, we also learned some HTML coding through w3school.

Tutorial Video

• How to use Canva to get the HTML and CSS codes

Canva Template Website

Figure 2.9 Canva Template Video Code Studio

Figure 2.10 Website Home Page

Figure 2.11 Website Reservation Page

HTML Tutorial 

Figure 2.12 HTML List Exercise

Figure 2.13 HTML List Exercise

Figure 2.14 HTML DIV Exercise

Figure 2.15 HTML Class Attribute Exercise

[Back to Top]

---

PROCESS WORK

The lecturer divided us into groups of three, and each member in our group came up with their own business idea. After discussing together, we shortlisted three ideas: a concert tracker, an online closet, and a finance tracker. Finally, after further discussion with the lecturer, our group decided to choose the finance tracker as our final business concept.

Figure 3.1 Business Concept

We divided the work into separate parts, and I was responsible for the UVP (Unique Value Proposition), primary goals, competitive analysis, and audience analysis.

Figure 3.2 UVP & Primary Goal

Figure 3.3 Competitive Analysis

Figure 3.4 Competitive Example

Figure 3.5 Target Audience

After our presentation, we made some adjustments based on the feedback given by the lecturer. We were required to develop a clearer and more detailed point system for the entertainment section and add mockup to improve the project.

Figure 3.6 Mockup 1

Figure 3.7 Mockup 2

[Back to Top]

---

FINAL WORK

Figure 4 Sprout Spend PPT

Sprout Spend PPT Link

---

FEEDBACK

Week 1

For Idea 1, it would be a big challenge for us because we cannot simply take content from other websites and place it on our own website, as this is not allowed and may violate the rights of other websites. Unless we provide links that redirect users to the original websites, it would still be difficult for us to synchronize concert information from all around the world. In addition, AI tools are unable to provide accurate information and data about upcoming events.

For Idea 2, it requires a very high level of technical skill to create and implement the website, which would be difficult for us to achieve with our current abilities.

For Idea 3, we can include more entertainment functions to attract users. The reward system also needs a more specific plan and detailed implementation in order to effectively motivate users to use our website.

Week 3

For our PPT, we should not include things that we are unsure. Everything written in the PPT must be very clear and fully understood, otherwise if we are asked questions during the presentation, we may not be able to explain it properly, which could affect people’s confidence in our website.When presenting, we should also highlight the strengths of our website and minimize or avoid mentioning any weaknesses. The goal is to let the audience clearly see the strongest features of our website without exposing its limitations.For our reward mechanism, we need to add more detailed explanations. Every element should be clearly described in detail to avoid confusion or misunderstandings for the developers during website development.We also need to include mock-up to better visualize and support our ideas.

[Back to Top]