Web Design Course

New to the web design world? This intensive course takes graphic designers deep into the design and UI & UX pillars of the web. Learn, experience and master the aspects of visual and human interaction design unique for working in the world of the web!
Course Costs & Payment Plans

The Course Ethos

Loaded With Value

The course will equip you with all the skills necessary to understand information, user interface design, and the ability to plan and design a multi-page website project, for both desktop and mobile.

There are many job definitions within the web design discipline. A Web Designer is a person who creates the visual elements of websites. Web designers design the overall look for a website and let a Webmaster/Developer do the actual coding. Most often, they are also proficient with web graphics and images.

Self Paced

Students have 6 months to complete the course. This course is entirely self-paced, this means that students can study online and in their own time. Enrolments in the Web Design Course are taken all year round any day of the year. The approximate time to complete the course is 200 hours. This varies from student to student.

No-Code Included!

Back–end developers and web developers are broadly called software engineers, their’s is an entirely different skill set to web design. Web designers and developers communicate with each other and often collaborate to create complete website projects.

Some of the Reasons Our Students Have Cited

Take Your Portfolio Online

If you’re looking to take your graphic design work into the world wide web, then this is the course for you. In the Web Design Course you will have the opportunity to put together a beautiful showcase of your work, that works across a host of different devices and screens!

Employment Opportunities

Some students have no immediate plans to undertake further study, yet think it wise for them to keep their options open. This course will give you the skills you need to design websites in a team, collaborating with other designers, clients and developers!

Course Outline

The 6 modules within this course have been designed holistically, aimed to nurture a designer new to the world of web through the design and deployment process of a site.

Module 1 - Introduction to Web Design

+

Summary

Module 1 offers an overview of what role an understanding of graphic design plays in web, UI and UX design. Students will examine the fundamental principles and philosophies of graphic design from the new perspective of working within the constraints of designing for the internet. Module 1 will coalesce these skills together to bring students to the point of laying out an online feature article.

Definitions

Definition: A definition of web design and it’s associated and specialised industries.

History: The history of digital communication from Blaise Pascal’s numerical proof for the calculator To Modern times. Major milestones are marked with defining moments from that year, decade or era.

Roles: Explanation of the various specialities and roles within the field of web design and development. An understanding of the skill sets involved in these roles.

Outcomes

  • Understanding of the principles of user-centred design and its application in web design.
  • Understanding of the principles of information design.
  • Understanding of the principles of interface design.
  • Advanced understanding of the principles of graphic design for the screen environment.
  • Understanding of the role of markup languages for web design and what they do.
  • Ability to plan and design a multi-page website project.

Module 2 - Visual Design Elements in the Web Environment

+

Summary

Module 2 explores the use of images, multimedia and web-unique elements in website design. In this module students will critically analyse the use of these web design elements, accounting both for their effectiveness in the design and also their performance on the site. Module 2 will also begin to foster students’ understanding of the role of wireframe prototypes in a webpage’s design and how to implement a grid system over a page.

Definitions

Vocabulary: Learn many of the most common filetypes and documents encountered online both as a user and designer.

Elements: Look into the most commonly utalised web design elements and how they function to contribute to or detract from a greater website’s design.

Hierarchy: Explanation Of the purpose and use of hierarchy in page layout design to make user readable and understandable interfaces.

Grid Systems: Introduction to grid systems in website design. Students will look at applying grid layouts to a page in order to size, shape and position their web elements.

Outcomes

  • Define resolution and identify standards for print and for screen.
  • Understand image file formats and compression for use on the web.
  • Compare and understand different image techniques used in web design.
  • Identify grid systems and how they are utilised.
  • Understand how grid systems are used in planning and developing an interface design.
  • Improving interface design with learnt skills.

Module 3 - Designing Information and Navigation

+

Summary

Module 3 builds a familiarity and experience with working and designing for a fully scoped website. Students will expand upon their knowledge of single page hierarchies and design systems and translate into multi-page and multi-level website structures.

Definitions

Information Architecture: The categorical or structural description of a website, looking at how the user will journey through the site and how to give a consistent, layout to multi-level sites.

Taxonomy: The descriptive terminology used to label items, pages, or products in an online shop, blog or portfolio.

Target User Analysis: How to define the key demographics and descriptors for user groups high value and vital user groups to the site. Analysis looks at the intent, digital literacy and conversion efficacy of these groups.

Responsive: Introduction To designing to differing screen and interface devices.

Outcomes

  • An understanding of the role Information Architecture plays in mapping out a website’s design.
  • Apply procedures to create target audience demographics and design for their needs.
  • Understand how to shape designs around the limitations and constraints of current day interfaces and accessibility requirements.
  • Simultaneously work their designs to both desktop and mobile users, whilst still making effective considerations for intermediary devices.

Module 4 - Scoping and Project Design Specification

+

Summary

In Module 4 students will begin to work on their Main Web Design Project for their work in the Web Design Course. Students will be allowed to choose their website design client from a list of supplied clients, create a site for their own design work or choose a real world client of their own.

Definitions

Design Brief: The aspects of written analysis looked at in each of the earlier modules will now be applied to the student’s chosen project.

MVP: The Minimum Viable Product is the minimum level of design necessary in order to demonstrate how the site will look and feel to the client.

Specifications Document: Students completing each assessment in this module will consider each aspect of the design process, including product research and scheduling.

Outcomes

  • Students will work to create a full and professional level design brief for a newly created (or completely redesigned) website.
  • This design brief will include the research and presentation requirements for the specification documents included in a professional website design project.
  • Additionally, with their work in this design brief, student’s will learn the proper presentation of visual web elements in a printable or digital document.
  • Lastly, students will workshop a single webpage design from written User Interface description to a fully rendered mockup in, presented in Adobe Xd.

Module 5 - Project Design Prototyping

+

Summary

Module 5 simulates the design process after the review of the Minimum Viable Product. Students will be tasked with incorporating client feedback into their design and then extending that design from a one page render to a full prototype.

Definitions

Prototype: Create an Adobe Xd prototype of the site. This includes all unique pages, structured with correct hierarchy and hyperlinking.

User Interface: How to approach User Interface (UI) design when working with desktop and mobile devices. Students will look at rules and guidelines to make sure their work is always accessible.

User Experience: Students will be taught the sciences of User Experience (UX) design

Outcomes

  • Students will extend a single page render in Adobe Xd into a fully interactive prototype of a website, with both mobile and desktop layouts.
  • In making their Adobe Xd prototype interactive, students will gain hands-on experience in hyperlinking pages in a website according to the guidelines of Information Architecture Design.
  • Having applied feedback and tutor suggestions from the previous module, students will use Adobe Xd Components to adapt their designs globally whilst always taking into account the guidelines of UI and UX design.
  • Students will critically analyse a website 's design, specifically evaluating the effectiveness of their Information Architecture, user navigation features, layout and device responsivity, accessibility and the presentation of it’s visual design.

Module 6 - Publishing a Design Online

+

Summary

Module 6 students take their finished website prototypes and deploy them to the internet using their own chosen publishing platform. Students will develop an understanding and competency with major world-wide publishing platforms, from there they will choose one platform and build their entire website’s design.

Definitions

Publishing Platforms: An online service that web designers can utilise in order to deploy their designed sites live to the internet. Squarespace, WordPress, Shopify and Wix are all covered in this course.

Deploy: The process of converting a designed Adobe Xd prototype into a working, functioning and interactive website.

Domain Name: The process of creating, configuring and deploying a domain name live. Additionally looking at the colloquial expectations of different domain names and how to pick one that is best for the intent of your site.

Outcomes

  • Back in Module 4, students were asked to choose their Main Website Design Project. This was a choice of; a personal portfolio, a website for a client, or an example project suggested in the course. In Module 6, Students will take this site online using their choice of Publishing Platform,
  • Familiarity and competence with major publishing platform tools, including the pros and cons of each system, as well as understanding how to use their interface.
  • Students will analyse and reflect on both the less and more successful aspects of their Adobe Xd design in a live, deployed website.

Highly Recommended

TGDS worked with me and took the time for me to understand the course before signing up. They made me feel like I was in good hands, they even helped me with the important decision of which Mac to buy!

Amazing Support

The best international on-line design school you could ever ask for, especially during the lockdown. The theory is structured very thoughtful, the video tutorials are really helpful, especially if English is not your native language.

Fun & Helpful

Simply put, I would not have been able to study graphic design in depth and at this level, if the TDGS wasn’t around. I really appreciate the availability of such a program and the flexibility that it offers.

FAQs

How much is the course?

+

Here's a nicely laid out page with our payments and payment plans prices page.

Do I need previous experience?

+

Web design students must be qualified graphic designers or experience developers to enrol, if you are unsure about your eligibility please contact us.

How do I enrol?

+

Enrolment is easy, you may enrol any day of the year. Be online and studying within a matter of seconds after enrolling through our enrolments page.

. If you need an invoice or a quote before you enrol, please contact our accounts team.

When can I start my studies?

+

You may enrol any day of the year. Be online and studying within a matter of seconds after enrolling through our enrolments page.

Will I learn to create a website?

+

As you work through the modules in this course, you will be nurtured through designing, and deploying your own site live and online!

What will I need?

+

The complete list of the equipment requirements for the Web Design Course available on the FAQs page.

What will this course be assessing?

+

You can read about what will we will be looking for in your assignments in our Student Handbook.

What are my responsibilities?

+

The responsibilities outline for students of The Graphic Design School is outlined on our Checklist page.

Ready to get Started?

You can enrol any day of the year. As we are online and training is self paced, there is no pressure. Enrol when you are ready to start, from anywhere in the world.
Click the link below to check out our flexible payment plans!

Course Costs & Payment Plans

Request a Free Callback

Others may hound you after you give them your phone number we won’t, we respect you and would never! That’s a TGDS promise. Pinky swear!
By submitting this form, you agree to our Privacy Policy

Request a Free Brochure

  • Australia
  • Europe
  • New Zealand
  • UK
  • USA
  • South Africa
  • Other
When you sign up for a brochure, we will NOT put you on our mailing list, you will receive an email with a link to download our brochure, that’s it!
By submitting this form, you agree to our Privacy Policy

Ask Us Anything!

Hey looks like you caught us in studio hours! Message us now for a quick response!
By submitting this form, you agree to our Privacy Policy
Acknowledgement of Country
The Graphic Design School acknowledges the Traditional Custodians of Country throughout Australia and their continued spiritual connection to land.
We pay respect to Elders past, present and emerging.
Always was, always will be.
RTO Provider № 91706