INTERACTIVE DESIGN / PROJECT 1 - WEBSITE REDESIGN PROPOSAL

-

INTERACTIVE DESIGN / PROJECT 1 -WEBSITE REDESIGN PROPOSAL

-

13.10.2025 -31.10.2025 (week 4 - week 6) 
Low Xin Er / 0374596 / Bachelor of creative media
Interactive Design / Project 1 - Website Redesign Proposal
LECTURE NOTES

week4 (16/10/2025) Dreamweaver

Background design
<body style="background-image: url(images/img-bg.jpg);background-repeat: no-repeat;background-size: cover">

Image Import
<img src="images/img-profile.jpg" alt="My Profile Picture" title="My Profile Picture" width="30%"/>

Table Design: border,color,rowspan,colspan
<table border="2" width="60%" cellpadding="5" cellspacing="2" style="border-collapse; background-color:antiquewhite">
<tr style="background-color:cadetblue">
<th colspan="4">My Timetable</th>
<th rowspan="2">Tue</th>

Fig 1.1 HTML in Adobe Dream Weaver

Fig 1.2 Webpage in Safari

week5 (23/10/2025) 

ID attribute
can add more than one attribute in HTML
ID attribute is unique : identity the elements from other elements on the page
can not have more than one id in a same document

Class attribute
every html element can also carry a class attribute
identify several elements from other elements on the page

HTML
block elements: <h1><p>
inline elements: <b><i>

CSS = Cascading Stle Sheet = appearance
create rules that specify how the content of an element should appear

table=block element
table row=block element
table data=inline element

CSS rule contains two parts: Selector & Declaration
{} for css

Declaration = Property & Value


note in class

.heading 
<h1 class="heading" main-head>
<h2 class="heading">

Use google font as webiste font to avoid other device cant show the content due to the font.

Project 1 - Website Redesign Proposal (16/10/2025,week4)


Redesign Website Link：http://www.edialkennels.co.uk/cattery.html

Proposal Contents
  • Current Design Evaluation
  • Functionality
  • Redesign Goals
  • Target Audience
  • Design Proposal
  • UX Enhancements

REFLECTION

Since my first assignment analyzing websites, I've become familiar with and gradually mastered the specific items that need to be analyzed. Identifying the strengths and weaknesses of a website can be very helpful when designing one later. However, since I'm only preparing a proposal now, I believe that the actual process will definitely be more difficult than writing the assignment, and I will likely encounter unexpected problems.

Comments

Post a Comment

Popular posts from this blog

Typography - Task 1:Exercise

-
Image
April21,2025 TYPOGRAPHY｜Task 1:Exercises ||    17 /04/25 – 30/05/25 (Week 1-Week 6)  ||    Low Xin Er , 0374596 ||   Typography ||    Exercises / Type Expression & Type Formatting .  TABLE OF CONTENTS 1.0 Instruction 2.0  Lecturers 2.1  Introduction and Typo_1_Development 2.2 Typo_3 Text part 1 2.3 Typo_4 Text part 2 2.4 Typo_2 Basic 2.5  Typo_5 Understanding    2.6  Typo_6 Screen & Print 3.0  Progress of Work 3.1  Research and ideation (Exe 01-Typography) 3.2  Exploration and sketch 3.3 Adjustments 3.4  Final Sketch Design   3.5  Digitalize    3.6  Final Digital Design 3.7 Animation 3.8  Kerning,Tracking,Leading  3.9 Text Formatting 3.10  Reference (Exe 02-Text Formatting) 3.11 Exploration & Draft 3.12 Top 5 Selections   3.13  Final Design 4.0  Feedback 5.0 Reflection 6.0 Futher Reading 1.Instruction <iframe src="https...
Read more

Typography - Task 2: Typographic Exploration & Communication

-
Image
 May  25,2025 TYPOGRAPHY｜Task 2:Typographic Exploration & Communications  ||    19 /05/25 – 08/06/25 (Week 5-Week 7)  ||    Low Xin Er , 0374596 ||   Typography ||    Typographic Exploration & Communication/ Type Expression & Type Formatting .  TABLE OF CONTENTS 1.0  Instruction 2.0  Lecturers 3.0 Progress of Work 3.1 Research and ideation   3.2 Exploration & Sketch 3.3 Digitalize  & Final 3.4 Layout explore  3.5 Adjustment 3.6 Final Design 4.0 Feedback 5.0 Reflection 6.0 Futher Reading 1.Instruction 2.Lectures The complete notes can be viewed at Task1 Blog 3.Progress of Work Task-2_Editorial 3.1 Research and ideation     FIG.1,2,3 Research on Pinterest (19/05/25 week5) 3.2 Exploration & Sketch   FIG.1,2,3 Sketches of Title PUNK   (19/05/25 week5)   FIG.Sketches of Layout Design   (19/05/25 week5) 3.3 Digitalize  & Final ...
Read more

Typography - Task 3: Type Design and Communication

-
Image
  Jun, 9 ,2025 TYPOGRAPHY｜Task 3:Type Design and Communication ||    0 9 /06/25 – 28/06/25 (Week 8-Week 10)  ||    Low Xin Er , 0374596 ||   Typography ||   Type Design & Communication TABLE OF CONTENTS 1.0 Instruction 2.0 Lecturers 3.0  Progress of Work 3.1 Research and ideation 3.2 Exploration & Sketch 3.3 Digitalize  & Final 3.4 Layout explore  3.5 Adjustment 3.6 Final Design 4.0 Feedback 5.0 Reflection 6.0 Futher Reading 1.0 Instruction 2.0 Lecturers The complete notes can be viewed at  Task1 Blog 3.0 Progress of Work Progress Sketches Fig3.1.sketches of a,b,g,t ( 09/06/2025 week 8) Fig.3.2.  4 types designs （11/6/2025 week 8） Fig.3.3. sketches of final design series (16/6/2025 week 9) Fig.3.4.detail dissection of the letters (16/6/2025 week 9) Observation: Since font designs have a certain balance and symmetry, the circles or lines used in the ins...
Read more