INTERACTIVE DESIGN - Project 1: Website Redesign Proposal

16.10.2025 - 2.11.2025（Week 4 - Week 6)

Lee Xiang Ling / 0384095

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

Project 1 / Website Redesign Proposal

LIST / JUMPLINK

LECTURES

Week 4 _ HTML PRACTICE

This week, the instructor demonstrated webpage optimization techniques in class and guided us through hands-on practice to deepen our understanding and application skills.

1. Image Insertion & Optimization

Use the <img> tag and include these attributes:

src: image path
alt: alternative text for accessibility
title: hover tooltip

Recommended to use relative width (width=xx%) to avoid layout issues on mobile devices.

2. Adding Backgrounds

Add style attribute in the <body> tag:

background-image: set background image
background-size: adjust background size
background-attachment: control how the background scrolls

3. Table Creation & Styling

Use <table> to create a table

<tr>: table row
<td>: table cell
<th>: table header, usually top row or first column, bolded by default

Styling options:

border: set table or cell borders
cellspacing: space between cells
cellpadding: space between content and cell border
colspan: merge multiple columns
rowspan: merge multiple rows
style="background-color: #...": adjust table or cell background color

-- Back To Top --

INSTRUCTIONS

EXERCISES

WEBSITE REDISIGN PROPOSAL

For this assignment, we are required to select an existing website for thorough analysis and develop a comprehensive redesign proposal. By critically evaluating its current design and functionality, we aim to propose solutions that enhance user experience, visual aesthetics, and overall performance.

This assignment helps us improve our ability to analyze website design issues and strengthens our practical skills in creating better web experiences.

1. Website Anaylsis

Current Design Evaluation
Cluttered layout, inconsistent color scheme, weak visual hierarchy, and outdated aesthetics.
User Experience (UX):

Navigation is not intuitive
Poor content organization
Limited responsiveness
Low readability in some sections

Functionality
Evaluate the website’s performance, including load times, interactivity, and compatibility across different devices and browsers.

2. Redesign Goals

Objectives
Clearly define what the redesign aims to achieve, such as:

Improve usability and user satisfaction
Modernize the visual style
Strengthen brand identity
Optimize mobile browsing experience

Target Audience
Describe the intended audience for the redesigned website and how the new design will better meet their needs.

3. Design Proposal

Visual Design Concepts
Present your ideas for the new visual design, including visual references, mood board and wireframes. Discuss the rationale behind your design choices.
UX Enhancements
Propose improvements such as:

Simplified navigation structure
Better content organization
Enhanced interaction and feedback features

Technical Considerations
Outline technical upgrades, including:

Mobile optimization
Improved loading performance
Enhanced compatibility across platforms

Here is the link to the proposal page: Project 1

WEBSITE REDESIGN PROPOSAL，作者 Alone

My Final Out Come

-- Back To Top --

REFLECTIONS

Through this week’s classroom guidance and hands-on practice, I gained a deeper understanding of webpage optimization. I realized how details such as image optimization, responsive design, background settings, and table styling significantly impact user experience.

During the practical exercises, I learned to properly use <img> tag attributes (e.g., src, alt, title), apply background styles, and manipulate table tags and styles effectively, making webpages both attractive and functional.

Overall, this practice not only enhanced my web design skills but also made me aware of the importance of user experience, accessibility, and performance optimization, laying a solid foundation for future independent web projects.

XiangLingLee (0384095)

Search This Blog