Interactive Design | Project 1

14.05.2025  ( Week 4 )

Taylor's University

Shubashini a/p Subramaniam / 0367697 / Bachelor of Design (Hons) in Creative Media

Interactive Design (GCD60904) 

---

Table of Content :

1 - Lecture

2- Project 1

3 - Feedback

4 - Reflections 

---

Lecture :

Week 4 : The Web ( Intro to HTML Coding)

Web Standards and Markup Basics

Web standards are a core set of guidelines used to develop websites in a consistent, accessible, and functional way. At the heart of any website is its content, and it’s essential that this content is accessible to all users, regardless of their device or ability.

To build websites that meet these standards, we use markup languages, primarily HTML and CSS.

HTML: Defining Page Structure

HTML (HyperText Markup Language) is used to define the structure of a web page. To do this, we insert code around the words and content we want to display.

HTML code consists of characters enclosed in angled brackets (<>), known as HTML elements. Most elements are composed of two tags: an opening tag and a closing tag

---

Project 1 : Web Proposal Instructions :

Objective: 

Develop a comprehensive proposal for the redesign of an existing website. The proposal should demonstrate your ability to critically evaluate a website’s design and functionality, and to propose design solutions that enhance user experience, aesthetics, and performance. 

Assignment Description:

You are required to select an existing website which you feel has several design and UX issue and prepare a detailed proposal for its redesign. The proposal should address the following key aspects: 

Website Analysis: 

Current Design Evaluation:

Provide a critique of the current design, focusing on layout, color scheme, typography, imagery, and overall aesthetics. 

User Experience (UX):

Assess the site’s usability, navigation, accessibility, and responsiveness. Identify pain points or areas that could be improved. 

Functionality:

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

Redesign Goals: 

Objectives: 

Clearly define the goals of the redesign (e.g., improved usability, modernized look, enhanced brand alignment).

Target Audience: 

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

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 changes to improve user experience, such as simplified navigation, better content organization, or enhanced interactivity. 

Technical Considerations: 

Outline any technical updates or changes, such as optimizing for mobile devices, or improving load times 

Submission: Submit your E-portfolio link that includes an embedded link of your proposal. The proposal can be prepared using any form of presentation application such as Google Slide, Canva or Microsoft PowerPoint.

Results :

MP4 :

PDF :

Feedback :

---

Reflection :

Analysing and redesigning the Bäckerei Meier website taught me the importance of aligning design with user needs. While the site had authentic imagery and a clear brand identity, it lacked structure, hierarchy, and modern usability features. Through evaluating its layout, typography, navigation, and interactivity, I learned how small changes, like improving font contrast or reorganising content flow, can significantly enhance the user experience. This assignment helped me think more critically about accessibility and mobile responsiveness, and it strengthened my ability to communicate design improvements clearly and visually. Overall, it was a valuable experience in applying UX principles to a real-world context.