Original subtitles

Hey guys. In this module I've got something a little bit different for you. Now,

up till now we've been working on how to build websites that have great functionality and how to use

CSS, HTML, to build up the structure of the website.

Now today I want to talk about something a little bit different namely how to design websites so that

not only does your website have great functionality but it also looks beautiful.

The most important thing to making a website loved by users is pretty much the design.

After all, think about it.

When was the last time you heard somebody tell you, "Hey I came across this great website.

It worked really really well.

So smooth and no bugs."

Nobody ever says that right?

They say things like: "It looked so beautiful. It just worked like I wanted it to."

So today we're going to talk about design and I want to show you some of the different aspects of design

when it comes to websites.

Now more often than not, you've heard the saying right?

"Don't judge a book by its cover."

Now at the same time, you might have also heard of this saying: "You only have three seconds to make a

good impression."

Now when it comes to web design, the latter is probably more accurate.

It's just like a job interview or a first date, your website has a crucial few seconds before the user

is going to judge your company, your brand, your product.

So take a look at this example.

This is a website called Penny juice and it's a company that sells children's juice cartons.

Now look at the design of it. There's clashing colors, there's different typefaces, there's different colors

for the text and they have different fonts and it's all, to be honest, a bit of a mess.

So this is a question I often ask students at this point.

Take a look at this website and ask yourself if you were to buy a product from this company,

if you were to buy a carton of juice, how much would you pay for it?

Now take a look at this website.

This is the same website reimagined by a professional web designer.

Look at how the color scheme is now consistent, how the fonts and the typefaces now look a lot better.

And ask yourself again, how much would you pay for a single carton of juice from this website.

Now I've asked this question to a number of people and this is the result I got.

People are willing to pay anywhere up to only a dollar for a carton of juice from the first wesite

but anywhere up to $3 for the second website.

Now I run a startup and a lot of friends and colleagues of mine also work on their own businesses.

And we usually spend a lot of time brainstorming, how can we make our product better,

how do we make our brand stronger.

And there's very very few things that we can think of that can actually produce a three times improvement

in the value of your product or in the value of your company.

So design is really really powerful.

It's one of the cheapest ways to make your company or your product look expensive because it's elevating.

And it doesn't take a lot to get good at design as you'll see in the coming lessons.

So we're going to be exploring some of the principles of web design in this module.

And I want to take you through everything from color theory to typography to user interface design and

user experience design.

These are the four pillars of good web design.

So once you are ready, head over to the next lesson and let's get started.