February 3, 2021

The Definitive Web Design Resource Guide: 2021 (updated)

Go from “just a designer” to a full-blown agency with Unlimited Webflow Development and Support

Built for designers.

Learn More
webpage with icons illustration
introduction

It’s no secret that the web design world is teeming with opinion pieces, resources and blogs, but sifting through all of the noise in search of quality advice can be quite the unpleasant task.

That’s why we created a curated list that takes all of that work out of the equation. This is the definitive resource guide on Web Design, giving you all the information you need to bring your website to life in 2018.

How can a brand be reinforced through colors and fonts? How should video be used on a website? How can I join the modern world and create responsive websites? All of the information you need is right here.

Simply read through everything or select the chapter that interests you most.

Have fun!

Chapter 1
How to Choose Fonts to Portray and Reinforce Your Brand
Chapter 2
How to Choose and Use Colors
Chapter 3
Works for Everyone: How Responsive Design Keeps People on Your Site
Chapter 4
How to Write Web Copy
Chapter 5
How to Increase Engagement Using Videos
Chapter 6
How to Get More Leads with Properly Placed CTAs
Chapter 7
Web Design Inspiration (the fun part)
Chapter 1

How to Choose Fonts to Portray and Reinforce Your Brand

fonts graphic
fonts

Fonts can truly make or break a website. A great font is an opportunity to reinforce a brand and even influence the user experience of a website. That’s why they need to be chosen wisely.

However, the font itself is only half the battle. How it’s used matters just as much. Using multiple fonts that work well together on a website can be a fantastic way to reinforce consistency, flow and an attractive aesthetic.

These are the best resources to help you with everything from choosing fonts to applying them successfully to a website.

Chapter 2

How to Choose and Use Colors

multi colored circles in a row
Chapter 3

Works for Everyone: How Responsive Design Keeps People on Your Site

responsive web design graphic
responsive web design

Responsive web design isn’t just important, it’s imperative. A website that doesn’t provide the same quality of user experience on every device may as well not exist. Here you will find resources that define responsive web design, explain why it’s crucial, and get you started on creating responsive websites.

Chapter 4

How to Write Web Copy

colorful illustrated typewriter
copy

If you’re diving into the world of web design you may be tempted to ignore the importance of copy. Don’t. Web copy can improve or ruin even the most beautiful websites. It can be used to bring a brand to life, provide clarity on a product or service offering, or demonstrate evidence of past success. Oh, and if you want your website to rank on Google but plan on ignoring copy, forget about it.

With that said, your approach to copy can’t be to write something that sounds good and plop it on a website. Just like design and user experience, copywriting strategies should be strategic and data-driven. The tools below will give you everything you need to know to get started.

Chapter 5

How to Increase Engagement Using Videos

multi pane video graphic
videos

Videos have the unique ability to add a new dimension to a website. People react more favorably to video content than written content. In short, videos are cool and people like them.

Not every website needs to have video content. On websites that do have video content, it’s important to first think about the purpose of video before throwing it on a site. As great as videos are, they should serve a purpose.

Learn everything there is to know about website video by checking out the resources below.

Chapter 6

How to Get More Leads with Properly Placed CTAs

call to action icon cluster
CTAs

A CTA, or Call to Action is a tool that should be present on every website. It’s essentially the part of the website that gets people to do what you want them to do.

Here’s some great material on what a call to action is and how to create one. The list also includes great research on what tends to work and what does not.

Chapter 7

Web Design Inspiration (the fun part)

web design inspiration
inspiration

Writers get writer’s block, designers get… design block? Yes! It’s a thing.

The easiest way to get past the block is to find inspiration. Here are our favorite places to go when we need to find inspiration to create websites.

case study

How To Increase Traffic to Your Existing Content by 209% in 1 Month

We used The Bike Pump Technique to increase traffic to a piece of content by 209% and increase backlinks by 52% in one month.

read more
step-by-step guide

Win SEO Through Content Marketing with the Tandem Bike Technique

Six proven steps to create dominant content that boosts traffic.

read more
February 1, 2018

The Anatomy of Effective Content

Read more
January 15, 2018

What Is Outcome-Focused Design?

Read more
April 19, 2018

Everything You Need To Know About GDPR And How To Prepare

Read more