Skip to main content
Unit of study_

DECO1016: Introduction to Web Design

This unit introduces students to the web technologies they will need to design and prototype web-based user interfaces. In this unit students will prototype screen-based designs using scripting and markup languages such as HTML, CSS. This unit provides foundational skills in web-design that can be used to implement and communicate design ideas using various media and platforms, such as desktop computers and mobile devices. On completion of this subject students will be able to program dynamic web-based user interfaces and interactive designs. Students will engage with principles of web layout and common design patterns used in web-based interfaces.


Academic unit Design Lab
Unit code DECO1016
Unit name Introduction to Web Design
Session, year
Semester 2, 2022
Attendance mode Normal day
Location Remote
Credit points 6

Enrolment rules

Available to study abroad and exchange students


Teaching staff and contact details

Coordinator Rob Dongas,
Type Description Weight Due Length
Assignment Web Prototype
Code Repository
30% STUVAC 30 hours
Outcomes assessed: LO3 LO4 LO5
Assignment Coding Challenges
Code Repository
10% Week 04
Due date: 28 Aug 2022 at 23:59
1 Hour
Outcomes assessed: LO4
Assignment Web Proposal
Video presentation
20% Week 07
Due date: 18 Sep 2022 at 23:59
20 hours
Outcomes assessed: LO1 LO2
Assignment Web Design
Static Designs and Documentation
30% Week 10
Due date: 16 Oct 2022 at 23:59
30 hours
Outcomes assessed: LO3 LO5
Tutorial quiz Weekly Quizzes
Weekly quizzes assessing the topics covered in lecture videos.
10% Weekly 20 minutes each
Outcomes assessed: LO1 LO2 LO3 LO4 LO5
  • Weekly Quizzes: Students will complete multiple choice quizzes each week based on the topics introduced in the lecture videos.
  • Coding Challenges: Students will use their knowledge of HTML and CSS to solve a series of coding challenges.
  • Web Proposal: Students will generate a proposal, presenting a design solution to the given brief. The proposal should be a video presentation, displaying background research and concept ideation.
  • Web Designs: Students will present refined concepts based on their proposal, through a series of wireframes and mockups, which will be created using appropriate prototyping tools.
  • Web prototype: Students will implement their proposed designs as an interactive web prototype using the techniques and technologies introduced in the tutorials. The prototype should take the form of a website, coded using HTML and CSS. Students are also required to submit design documentation, containing design justifications and further reflections on any iterations made based on feedback.

Detailed information for each assessment can be found on Canvas.

Assessment criteria

The University awards common result grades, set out in the Coursework Policy 2014 (Schedule 1).

As a general guide, a high distinction indicates work of an exceptional standard, a distinction a very high standard, a credit a good standard, and a pass an acceptable standard.

Result name

Mark range


High distinction

85 - 100

Work of outstanding quality, demonstrating mastery of the learning outcomes assessed. The work shows significant innovation, experimentation, critical analysis, synthesis, insight, creativity, and/or exceptional skill.


75 - 84

Work of excellent quality, demonstrating a sound grasp of the learning outcomes assessed. The work shows innovation, experimentation, critical analysis, synthesis, insight, creativity, and/or superior skill.


65 - 74

Work of good quality, demonstrating more than satisfactory achievement of the learning outcomes assessed, or work of excellent quality for a majority of the learning outcomes assessed.


50 - 64

Work demonstrating satisfactory achievement of the learning outcomes assessed.


0 - 49

Work that does not demonstrate satisfactory achievement of one or more of the learning outcomes assessed.

For more information see

Late submission

In accordance with University policy, these penalties apply when written work is submitted after 11:59pm on the due date:

  • Deduction of 5% of the maximum mark for each calendar day after the due date.
  • After ten calendar days late, a mark of zero will be awarded.

Special consideration

If you experience short-term circumstances beyond your control, such as illness, injury or misadventure or if you have essential commitments which impact your preparation or performance in an assessment, you may be eligible for special consideration or special arrangements.

Academic integrity

The Current Student website provides information on academic honesty, academic dishonesty, and the resources available to all students.

The University expects students and staff to act ethically and honestly and will treat all allegations of academic dishonesty or plagiarism seriously.

We use similarity detection software to detect potential instances of plagiarism or other forms of academic dishonesty. If such matches indicate evidence of plagiarism or other forms of dishonesty, your teacher is required to report your work for further investigation.

WK Topic Learning activity Learning outcomes
Week 01 Mapping the web Lecture and tutorial (3 hr) LO1 LO2
Week 02 Introduction to Web Languages Lecture and tutorial (3 hr) LO3 LO4
Week 03 HTML: Content Lecture and tutorial (3 hr) LO1 LO4
Week 04 CSS: Styles Lecture and tutorial (3 hr) LO4
Week 05 Planning, Process and Proposals Lecture and tutorial (3 hr) LO1 LO2 LO3
Week 06 Design Principles and Patterns Lecture and tutorial (3 hr) LO1 LO3 LO4
Week 07 Layout and Responsive Design Lecture and tutorial (3 hr) LO3 LO4
Week 08 User Input: Forms Lecture and tutorial (3 hr) LO3 LO4
Week 09 Accessibility Considerations Lecture and tutorial (3 hr) LO4 LO5
Week 10 Prototyping, Testing and Documentation Lecture and tutorial (3 hr) LO4 LO5
Week 11 CSS Transitions and Animations Lecture and tutorial (3 hr) LO4
Week 12 Web Optimisation and Conversion Lecture and tutorial (3 hr) LO2 LO4 LO5
Week 13 Web Wrap-up Lecture and tutorial (3 hr) LO1 LO2 LO3 LO4 LO5

Attendance and class requirements

Attendance: Attendance of all timetabled activities is mandatory. Students are expected to attend a minimum of 90% of timetabled activities for each unit of study, unless granted exemption by the Unit Coordinator, Program Director or Associate Dean of Education.

Study commitment

Typically, there is a minimum expectation of 1.5-2 hours of student effort per week per credit point for units of study offered over a full semester. For a 6 credit point unit, this equates to roughly 120-150 hours of student effort in total.

Learning outcomes are what students know, understand and are able to do on completion of a unit of study. They are aligned with the University’s graduate qualities and are assessed as part of the curriculum.

At the completion of this unit, you should be able to:

  • LO1. assess the structural and navigational requirements of web sites and mobile applications
  • LO2. conduct research to explore, inform and critique multiple perspectives on a design problem/solution
  • LO3. demonstrate a practical understanding and application of user interface design principles and methods, within an iterative, increasing-fidelity design process
  • LO4. develop web sites and mobile applications using modern web design techniques and technologies
  • LO5. evaluate the performance and user experience of a web design solution

Graduate qualities

The graduate qualities are the qualities and skills that all University of Sydney graduates must demonstrate on successful completion of an award course. As a future Sydney graduate, the set of qualities have been designed to equip you for the contemporary world.

GQ1 Depth of disciplinary expertise

Deep disciplinary expertise is the ability to integrate and rigorously apply knowledge, understanding and skills of a recognised discipline defined by scholarly activity, as well as familiarity with evolving practice of the discipline.

GQ2 Critical thinking and problem solving

Critical thinking and problem solving are the questioning of ideas, evidence and assumptions in order to propose and evaluate hypotheses or alternative arguments before formulating a conclusion or a solution to an identified problem.

GQ3 Oral and written communication

Effective communication, in both oral and written form, is the clear exchange of meaning in a manner that is appropriate to audience and context.

GQ4 Information and digital literacy

Information and digital literacy is the ability to locate, interpret, evaluate, manage, adapt, integrate, create and convey information using appropriate resources, tools and strategies.

GQ5 Inventiveness

Generating novel ideas and solutions.

GQ6 Cultural competence

Cultural Competence is the ability to actively, ethically, respectfully, and successfully engage across and between cultures. In the Australian context, this includes and celebrates Aboriginal and Torres Strait Islander cultures, knowledge systems, and a mature understanding of contemporary issues.

GQ7 Interdisciplinary effectiveness

Interdisciplinary effectiveness is the integration and synthesis of multiple viewpoints and practices, working effectively across disciplinary boundaries.

GQ8 Integrated professional, ethical, and personal identity

An integrated professional, ethical and personal identity is understanding the interaction between one’s personal and professional selves in an ethical context.

GQ9 Influence

Engaging others in a process, idea or vision.

Outcome map

Learning outcomes Graduate qualities
The assessment weightings and timings have been modified based on student feedback. The web design proposal has been changed to a presentation to more accurately represent industry practices.


The University reserves the right to amend units of study or no longer offer certain units, including where there are low enrolment numbers.

To help you understand common terms that we use at the University, we offer an online glossary.