TeamTreeHouse – Web Design Process


This 40-hour Track will fully equip you in the fundamentals of web design!

About this Course

Going from a blank screen to a finished website can be daunting. In this course, you’ll learn about the major steps involved in designing websites. We’ll learn how to gather information, explore potential concepts, and iterate on a design. By the end, you’ll have the foundation you need to continue your design journey.

What you’ll learn

  • Design discovery
  • Design exploration


You’ll learn how to design and build beautiful websites via the basic principles of design like branding, color theory, and typography. You’ll also learn HTML and CSS, which are the common code languages that all modern websites are built on. From coding to in-browser work and animation, your web design career starts here.

We’ll start with a foundation in HTML and CSS, covered in the first few courses of the Track. Next, you’ll move into more intermediate topics like CSS Selectors and HTML Forms and Tables. The Typography for Designers course will give you the skills you need to choose beautiful type for your site.

Next, we’ll cover CSS Layouts, starting with Display Modules, the Float property, and positioning page content. The Responsive Layouts course will teach you to use the foundational principles of responsive design as a framework for thinking about page layout for different types of screens. Then, you’ll master Flexbox, a set of CSS properties that give you a flexible way to lay out content.

The next part of the Track takes us through Bootstrap, an open source front end framework, as well as in-browser prototyping. Next, you’ll cover how to work with CSS Transforms and Transitions, to bring your visual content to life.

Our SVG Basics and SVG and CSS courses will give you a good understanding of creating graphics and animations using these methods. Finally, to wrap up the Track, we’ll cover how to use Sass to boost your front end workflow, and using CSS Grid Layout.