Marketing Monday: How To Design A Homepage (to attract and hold attention)

Originally Published July 2020

In this video and blog, we’ll talk about how to design a homepage. After

After watching this video you’ll be able to make a homepage design which will help you attract and keep potential clients on your site long enough for them to get interested in your business. Watch to the end of the video for all of our examples and tips, plus a sneak preview of Cohlab’s new homepage design.

Let’s learn how to design a homepage together.

Also, be sure to check out our video on “How To Design A Homepage” if you prefer to watch rather than read.

What Makes A Good Homepage Design?

  • First, you need a good explanation of who you are and what you do.
  • Then you need to show people exactly what you want them to do next, a Call-To-Action (CTA).
  • Provide value or entertainment to pull a client in and keep them on the page.
  • Use a beautiful design, such as bold colors, layout, not too busy, good use of space.
  • And then optimize it for all devices such as desktop, tablet, mobile, etc.

HomePage Design Examples

In these examples, I won’t even look at the whole page – just the portion above the fold, or what appears on my screen without scrolling. So this is the initial impression that people get.

Freshbooks Homepage Design

  • Who We Are/What We Do: All-In-One Small Business Invoicing & Accounting Solution
  • What to do Next: 5 GREEN BUTTONS IN YOU FACE + Chatbot
  • CTA: Too many
  • Value/Entertainment: easy, fast, secure + 60% off for 6 months
  • Design: good use of space, good use of bold color, but too busy
  • Optimization: Same basic setup, minus visuals

AirBNB Homepage Design

  • Who We Are/What We Do: You don’t need to go far to find what matters. Places to stay.
  • What to do Next: Search.
  • CTA: Search, simple.
  • Value/Entertainment: quick search feature, down below Nearby Getaways catches the eye during COVID.
  • Design: good use of space, good use of bold color, not too busy.
  • Optimization: Same basic setup, good reduction of search feature

ThredUp Homepage Design

  • Who We Are/What We Do: The Largest Online Consignment & Thrift Store
  • What to do Next: Start Shopping
  • CTA: 50% off first order, get them to enjoy the brand
  • Value/Entertainment: Categorizing clothes by %Off, 50% off first order
  • Design: good use of space, good use of bold color, not too busy.
  • Optimization: Same basic setup, well optimized

Cohlab Current Website Homepage Design

  • Who We Are/What We Do:tech-savvy website design firm, sleek blazing fast websites, marketing services.
  • What to do Next: Learn more about our services
  • CTA: Learn more about our services
  • Value/Entertainment: Portfolio of sites down below
  • Design: not too busy, only one moving part, portfolio design is lacking
  • Optimization: Same basic setup, well optimized

Cohlab New Website Homepage Design

  • Who We Are/What We Do: The Cohlaborator putting an end to bad websites. Entrust your website design to the Cohlaborator and her super team!
  • What to do Next: Light The Cohlab-Signal To Call The Team
  • CTA: Light The Cohlab-Signal To Call The Team
  • Value/Entertainment: Superhero theme, website design will be featured service at the top
  • Design: superhero cape will be moving, use of space and theme
  • Optimization: Same basic setup, well optimized

Marketing Monday: How To Design A Homepage

Check out our other Marketing Monday videos in our YouTube playlist to help you learn how to develop your website and handle digital marketing for your company.