Skip to menu Skip to content Skip to footer
Course profile

Introduction to Web Design (DECO7140)

Study period
Sem 1 2025
Location
St Lucia
Attendance mode
In Person

Course overview

Study period
Semester 1, 2025 (24/02/2025 - 21/06/2025)
Study level
Postgraduate Coursework
Location
St Lucia
Attendance mode
In Person
Units
2
Administrative campus
St Lucia
Coordinating unit
Elec Engineering & Comp Science School

This course introduces students to User Experience Design (UX), User Interface Design (UI), and Frontend Development (FED) with a focus on designing, developing, and deploying dynamic, human-centred websites and web apps. Today, the boundaries between UX, UI, and FED are increasingly blurred, and professionals in these roles are expected to understand and collaborate across these domains. This course prepares students for this interdisciplinary approach by combining foundational knowledge with practical applications.

A key focus of this course is developing the problem-solving mindset required of web designers and developers. Rather than memorizing all web technologies, students will learn how to identify problems, seek out relevant information, interpret that information critically, and apply it effectively to design and development tasks. This mindset ensures that students can adapt to evolving technologies and frameworks, equipping them to work confidently in a constantly changing field.

Students will learn to:

  • Analyse client needs and user data to create effective, human-centred designs.
  • Develop responsive (mobile first) websites using HTML, CSS, and JavaScript, incorporating responsive and accessible design principles.
  • Deploy and test websites on a web server, following modern workflows and best practices.
  • Critically and effectively use Generative AI (GenAI) tools to support design ideation, content generation, and development while maintaining academic integrity and ethical standards.

In addition to technical and design skills, students will explore the social, cultural, ethical, and cybersecurity issues that influence web design and development. These topics ensure that students can create websites that not only meet user goals but also align with broader societal values, accessibility standards, and best practices.

The course emphasises activity-based learning, where students will work on gu

Course Description

This course introduces students to User Experience Design (UX), User Interface Design (UI), and Frontend Development (FED) with a focus on designing, developing, and deploying dynamic, human-centred websites and web apps. Today, the boundaries between UX, UI, and FED are increasingly blurred, and professionals in these roles are expected to understand and collaborate across these domains. This course prepares students for this interdisciplinary approach by combining foundational knowledge with practical applications.

A key focus of this course is developing the problem-solving mindset required of web designers and developers. Rather than memorizing all web technologies, students will learn how to identify problems, seek out relevant information, interpret that information critically, and apply it effectively to design and development tasks. This mindset ensures that students can adapt to evolving technologies and frameworks, equipping them to work confidently in a constantly changing field.

Students will learn to:

  • Analyse client needs and user data to create effective, human-centred designs.
  • Develop responsive (mobile first) websites using HTML, CSS, and JavaScript, incorporating responsive and accessible design principles.
  • Deploy and test websites on a web server, following modern workflows and best practices.
  • Critically and effectively use Generative AI (GenAI) tools to support design ideation, content generation, and development while maintaining academic integrity and ethical standards.

In addition to technical and design skills, students will explore the social, cultural, ethical, and cybersecurity issues that influence web design and development. These topics ensure that students can create websites that not only meet user goals but also align with broader societal values, accessibility standards, and best practices.

The course emphasizes activity-based learning, where students will work on guided tasks to develop their skills in identifying solutions, learning new technologies, and applying them in real-world scenarios. Activities will also help students learn how to critically evaluate sources of information, interpret documentation, and adapt their learning to practical applications in web design and development.

How will I use these skills in the future?

By completing this course, students will gain a solid foundation for careers in web design, UX, UI, and front-end development, equipping them with the skills to create visually appealing, functional, and inclusive digital experiences that align with industry standards and best practices.

Changes in Response to Student Feedback

In response to student feedback, this course has been updated to better support your learning and skill development. The key changes include:

1. Progressive Development of Web Development Skills:

  • The delivery of content, studio activities, and assessments has been redesigned to provide a clearer progression of skills.
  • There is a greater focus on developing problem-solving abilities and ensuring you receive more feedback on your web development skills and understanding throughout the course.

2. Enhanced Focus on Mobile-First Development:

  • A mobile-first approach has been introduced to better support your learning of responsive web development. This ensures that you build strong foundations for creating websites that work seamlessly across different devices.

These updates aim to provide a more structured and supportive learning experience while aligning with the latest industry practices.

Course requirements

Assumed background

DECO7140 is an introductory level course. Students entering this course are assumed to have no background in web design or developing webpages, but are assumed to have a basic level of competency in using desktop-based software like text editors, web browsers etc.

Incompatible

You can't enrol in this course if you've already completed the following:

DECO1400 or IENV7961 or MMDS1400 or MMDS7961

Course contact

Timetable

The timetable for this course is available on the UQ Public Timetable.