Interactive Design - Project 1

14.5.25 - 26.5.25 (Week 4 - Week 6)

PAN RUINING (0378138)

Interactive Design / Bachelor of Design (Honours) in Creative Media

Project 1: Web Proposal



CONTENT LIST


LECTURE

Week 4 / The Web and Language

Week 4 Lecture Slides

In Week 4, we learned the basic knowledge of HTML and gained an understanding of how the internet works.

During the class activity, Sir asked us to use a text editor on the computer to type HTML code. We learned how to open and close tags, such as headings, paragraphs, lists, section breaks, format text in bold and italic, and add links and images.

Week 5 / ID and Class Attribute

Week 5 Lecture Slides

Week 6 / HTML class exercise

Week 6 Lecture Slides


INSTRUCTIONS



PROJECT 1 - WEB REDESIGN PROPOSAL

Project 1 : Website Redesign Proposal

Objective:
  • To create a comprehensive redesign proposal for an existing website with design and UX issues.
  • The goal is to improve user experience, aesthetics, and performance through critical analysis and design solutions.
Selected Website: Sparkella

This website, created by Hollywood actor Channing Tatum to promote his children’s book The One and Only Sparkella, was chosen due to issues with its color scheme, missing navigation bar, and layout design.

Website Redesign Proposal

Website Redesign Proposal PDF


FEEDBACK

Week 4:
Wesak Holiday

Week 5:
We did our first HTML exercise in class and began drafting a redesign proposal for the website we selected.

Week 6:
In class, we learned how to use Dreamweaver. Sir said I did a good job and reminded me to check for errors when something appears below.


REFLECTION

Experiences

These two weeks of learning gave me a basic understanding of HTML and how to use Dreamweaver, which made me excited. During Project 1, I went from analyzing the original website’s structure to planning my own page layout, and gradually improved my understanding of how web pages are built. Every small adjustment made me realize that web design is not just about making things look nice, but also about thinking from the user’s perspective.

Observation

I observed that a website’s design needs to make users feel comfortable at first glance to encourage them to keep exploring. While redesigning this website, I noticed that although the original site had some cute visual elements, the overall color combination was not harmonious, and the lack of a navigation bar made it difficult for users to interact. When looking at other children's book websites, I found that using soft colors and clear buttons is more effective in attracting users. In addition, many successful sites have a clear information structure, placing key content in prominent positions on the homepage. I applied this approach in my redesign.

Finding

I found that writing good code is not easy. It requires careful attention to detail and the ability to quickly find and fix errors. I also realized that web design is not just about making things look nice but more importantly about improving the user’s browsing experience and emotional connection. The choice of colors and fonts can directly affect the website’s mood and how well it appeals to the target audience. This made me pay more attention to visual language during the design process. I also learned how to combine brand identity, the author’s story, and web content to make the site more consistent and attractive overall.



Comments

Popular posts from this blog

TASK 1: EXPLORATION

Interactive Design - Exercise 1

Intercultural Design | PROJECT 1 : PROPOSAL