Awesome Web Design Tips Learned From 8 Successful Businesses

Startup Design Toolbox

Claim this bundle of freebies and get started on your business today.

So maybe you’re not the Michelangelo of design and perhaps you can only code in HTML. So what? Outsource that stuff! You have more important things to do anyway.

In this post, we’ll take a look at the most important tips you want to keep in mind while you plan your next website redesign or simply want to improve the user experience of your old app.

Build a recognizable brand

You say hi to Tom at the watercooler every day. You’ve chatted before. You know his name and you know what he looks like. On halloween he comes to work dressed as a skeleton.

This time, you don’t say hi. Who the hell is this skeleton person?

Goofy example, but branding is kind of like that. People remember how your company looks. If you suddenly start walking around dressed as a skeleton, they’ll be startled.

Keep your branding consistent. Use your logo and other branding elements everywhere you are: Facebook, website, blog, brochures, startup swag, free ebooks, and Youtube videos.

I read somewhere that a person needs to see a logo six times before they remember it. So start using yours everywhere you can.

Duolingo, web design tips
Duolingo is consistently using their logo (along with the owl mascot) everywhere their company is present.

Focus on the customer

You’d think that your website is about you. It has your company name right there in the domain. Why else would people type it in other than to learn about our neat office foosball table?

Wrong.

If you want results from your web presence, better start focusing on your customer. If you want to talk about yourself, start a diary.

Try to answer one simple question: What’s in it for them?

If you run a blog, how will the information help your readers? If you develop apps, how will your users’ lives be better once they download your apps?

InVision, web design tips
InVision’s homepage is focused on the visitor, explaining the benefits instead of talking about the company.

Make them click

If people don’t take action on your website, then why have it at all?

If your website doesn’t perform as well as you’d like, we have tips you can try.

First, find a way to test your designs. At the very least, you need Google Analytics installed and goals set up so that when you change something, you know it’s better than what was there before.

Next, you’ll need to make your call to action very clear. Clean up the clutter on your website and minimise the distractions. Do you really need that navigation bar?

Then make your call to action stand out. Make it impossible to miss. Bright colours, large buttons, lots of whitespace around it.

SnapCard, web design tips
It’s impossible to miss the call to action button on Snapcard’s home page.

Look reputable

It doesn’t take much to look professional these days. It does take some restraint, though.

There’s one secret to instantly making anything look sleek.

It’s whitespace.

How do you achieve whitespace? By keeping your design minimalistic, simple, and flat. By using only one or two fonts. By adopting the experiences your audience is already familiar with.

Craft, web design tips
InVision’s project Craft uses whitespace to instil a feeling of luxury and premium value. The product itself is free.

Support mobile

Responsive design is really a no brainer these days. Even Google uses it to rank websites. Surveys offer conflicting data, but it’s likely that more than 80% of all websites still don’t offer mobile experiences of their websites.

That’s insane!

I encourage you to check your analytics. Find out how many people come from mobile devices. If it’s more than 5%, you need to provide a custom-tailored experience to them.

Esquire, web design tips
Esquire solved the navigation problem in a very user-friendly way.

Get to the point

Did you read every word of this post? I bet you didn’t. That’s ok, we are still friends.

Studies show that people on average read only a fifth of all the copy. What’s more, most seem to share the articles on social media without even reading them!

So how can you cater to this distracted, slowly-going-dumber population? Well, for one, don’t make us search for information. Show off your contact number or link to sign up for your service right there above the fold.

Btw, see how that ties in perfectly with tip #3? This is just another proof that good design is good for business.

Also be sure to break the text into small, scannable pieces. Add emphasis, bullet points, headlines, and images to get the point across.

Unbounce, web design tips
Unbounce’s home page breaks down the offer, making it easy to read and understand.

Consider the onboarding experience

After working on a business for a while, it’s easy to lose the sight of what it’s like to hear your businesses name for the first time.

Like Design for Founders, what does that even mean??

Ask yourself: what is the first think people see when they visit your website? I see this mistake with apps all the time. Developers focus on crafting an excellent product, only to ruin it with a poor onboarding experience.

Onboarding doesn’t have to necessarily be a popup explaining your interface. It can just mean being mindful about how a first-time consumer will experience your brand.

Fizzle, web design tips
Fizzle’s uncluttered landing page explains what Fizzle is with a video and some text, encouraging a first-time visitor to click on the call to action button.

Make them feel something

People will forget your copy, but won’t forget how they laughed at a witty logo.

Think about what feelings you want to entice in your audience. I could just listi the tips and some sources for this article. Instead, I joke around a bit and show off my personality. That’s what you want for your brand as well.

People are sick of the same old boring corporations. They don’t trust them, and there is no personal connection. Large companies constantly try to look small be more approachable — which is absurd when so many solopreneurs insist on using “we” instead of “I” only to look bigger!

web design tips, Ruby on Rails,
This developer’s site changes font to Comic Sans when Konami code is typed (visit the site and type ? ? ? ? ? ? ? ? B A)

Startup Design Toolbox

Claim this bundle of freebies and get started on your business today.

Download