Interactive Design - Task 1: The Digital Business Concept

21/4/26 - 11/5/26 / Week 1 - Week 4

Janice Cheah Pei Ern / 0376497

Interactive Design / BDCM / Taylor's University

Task 1: The Digital Business Concept

---

LIST / JUMP LINK

LECTURES

INSTRUCTIONS

TASK

FEEDBACKS

REFLECTIONS

---

LECTURES

Week 2

In class, we were exposed to some of the coding languages such as HTML, CSS, Javascript, PHP, MySQL and Jquery. We started off by learning basic coding of HTML through W3Schools. 

Fig. 1.1 Programming in VSC (Visual Studio Code)

We followed the tutorials for how to list out the headings, hyperlink, changing colours and adding images. We try to program a simple website in VSC

Fig. 1.2 Product of simple website

Week 4

We eventually moved on to how we can build a table with different designs such as changing the borders, changing colours when hovering and merging cells in VSC.

Fig. 1.3 Programming table in VSC

Fig. 1.4 Product of table

We also learnt how to add favicon to our website. Here's a very blurry cat:

Fig. 1.5 Cat Favicon

---

INSTRUCTIONS

---

TASK

The Digital Business Concept

Before starting, we needed to form a group of 3.

Team members:

Khalif Mikail Bin Mohd Ihwan 0377378 (Team Leader)

Janice Cheah Pei Ern 0376497

Joyce Wong Siew Wei 0378201

During Week 1, we discussed what business we want to focus on. Eventually, we decided to go with an online bookstore website. (Sketches done by Khalif)

Fig. 2.1 Business Planning

Eventually, we went with a book website. We look up at competitors such as Popular Bookstore and BookXcess's online website to see where we can improve. To stand out amongst other competitors, we decided to add a spin wheel for indecisive readers who don't know what to read.

Fig. 2.2 Planning of bookstore website

Next, we plan out a draft on how our website will look like when at the home page.

Fig. 2.3 Planning of Home page

We also planned out 2 Core Flows on the buying process and spinning the wheel process.

Fig. 2.4 & 2.5 Planning of Core Flows

During Week 2, we brainstormed on the title for our website and eventually went with The Bookcase.

Fig. 2.6 Brainstorm Website name

Eventually, we worked on the proposal slides as we have to present our ideas on Week 3.

Fig. 2.7 Proposal Slides in Canva

After presenting on Week 3, Ms. Mia gave us some feedbacks on how we can potentially improve our spin wheel function and core flows. 

Here below is the final slides:

Fig. 2.8 Final Proposal Slides

A detailed version of what we did individually throughout the Proposal:

Fig. 2.9 Distribution of Work during Proposal

---

FEEDBACKS

Week 3 (Presentation)

Specific Feedback: More details for the core flows, make sure all the actions lead to something instead of hanging, especially at the payment part. Have a start button at the beginning. Add action processes like yes or no (Above and around arrows). Spin wheel to add filters and perhaps keywords.

---

REFLECTIONS

To be honest, it was quite fun to be able to come up with different ideas for our website as a team. At first, we had some difficulty on choosing what we want to do for our business but the teamwork process was quite smooth afterwards. Overall, it was a great start for us as a team and hopefully we will overcome what comes next.