Earlier than you dive in… seize the guidelines!
Whereas recording this episode we realized there was a lot juicy goodness that we simply needed to create a digital guidelines for you. Head over right here first to get this information delivered proper to your inbox. That means you possibly can dive into the episode with out worrying about taking feverish notes. Get pleasure from!
Enjoyable reality: We had a one-page web site for a looooong time once we first began Duo. We didn’t have an enormous finances as we have been getting up and working, so we opted for a ginormous one-page web site.
Now that we’ve been in enterprise for a couple of years, our web site has grown into what it’s right now. On this episode, we wish to share some homepage design and branding suggestions that you need to use whether or not you will have a single web page with all of your data or an enormous web site like ours.
Let’s hop proper in!
What’s a Web site Homepage?
Apart from the plain 🙃, your homepage is your model’s hub. It’s like a mini portfolio of every part you might be and might provide. Our homepage is laid out like this:
- A principal headline of what we do
- The place we’ve been featured
- Mini firm bio
- Mini about us
- Overview of our companies
- Duo on Air
- Teaching program
- High sources and weblog
- search engine marketing on Faucet
- Testimonials
- Publication subscribe
Don’t get overwhelmed! It appears to be like like so much as a result of we now have numerous totally different choices. Your private home web page is actually simply an summary. Every of those are small sections that hyperlink to pages with extra particulars about every factor.
Our pal Sara at Between the Strains Copy describes your homepage as a freeway. The sections and corresponding CTA buttons are like exits – you’re exhibiting somebody what you are able to do and permitting them to take the exit they need.
Homepage Design and Branding Suggestions
These homepage design suggestions offers you a lovely web site completely optimized for anybody touchdown in your web page!
1. Put Your Emblem in Your Most important Nav Bar
Your homepage is the primary impression you give customers. It ought to characterize you and your model to a T. Put your identification/brand in your high navigation. It’s a simple method to navigate and creates a greater consumer expertise (to not point out that it’s additionally good for search engine marketing).
2. Menu Types
Take into account cellular optimization when choosing your menu model. We regularly use and see enterprise homeowners utilizing a hamburger model on desktop and cellular. It’s extra user-friendly and constant, irrespective of the place they’re looking out from. A dropdown menu is an alternative choice, however we don’t see it used fairly as a lot anymore.
3. Play with Patterns
We’ve been having fun with enjoying with patterns and submarks currently! They add a enjoyable ingredient to your model. Simply don’t use them an excessive amount of, or it will likely be distracting for the consumer. The identical goes for motion – it’s nice to make use of to make issues stand out on the web page (video, gallery, present, and many others.), however don’t use them too typically. It may actually decelerate your website, which is an enormous no-no for search engine marketing.
4. CTAs
Your homepage must have sturdy name to actions (buttons). As Sara stated, your homepage is a freeway. Present their exit choices clearly.
5. Banners
Pop-ups and banners are participating parts, too. We’ve got a pop-up for our freebie, Unlock 4 FREE methods to search out search engine marketing Key phrases. We additionally had a banner on the high of our web site once we have been launching search engine marketing on Faucet. Pop-ups and banners name consideration to particular issues however use them sparingly. Too many will begin to seem like spam!
6. Photographs
By way of images, present selection that compliments your model. We’ve got a mixture of headshots and inventory pictures, however all of them align with our branding. It seems constant and is sensible with our vibe.
7. Skim-Worthy Copy
By way of your copy, your homepage design ought to be skim-worthy. Folks need a fast overview of who you might be and what you do. Preserve legibility in thoughts, too. The font measurement, coloration, and elegance ought to be simple to learn. And once more, don’t neglect to examine what it appears to be like like on cellular. Your buttons, spacing, and sizes could have to be adjusted with the slimmer display.
8. Title Case vs. Sentence Case vs. Uppercase
Court docket’s design eye all the time notices title case vs. sentence case vs. all uppercase. So what’s finest to make use of? It depends upon the kind of textual content. Court docket doesn’t assume headlines ought to be all uppercase as a result of the font is already so massive; it simply takes up an excessive amount of house and appears kinda aggressive. We save all uppercase for eyebrow headers, buttons, or to emphasise particular phrases. Court docket could be very strategic about when she makes use of capitalization (peek at our homepage design and see if you happen to can discover patterns!)
9. Don’t Neglect search engine marketing!
Use the principal key phrase in your first headline. It’s the very first thing customers and Google will see in your web page, and also you wish to make it clear off the bat who you might be, what you do, and who you serve.
From an indexing perspective, every part stems from your own home web page. In case you are having hassle discovering your self on-line, begin right here. When looking out your model title on Google, your own home web page ought to present up.
10. Simple Navigation
It ought to be simple to navigate. Web sites which might be exhausting for the consumer to make use of find yourself with excessive bounce charges. At that time, they don’t care sufficient to attempt to determine it out. They’ll discover another person with a extra intuitive design.
11. Metadata
Don’t neglect to do your metadata! Optimize your search engine marketing title and meta description along with your principal key phrase so it’s clear to customers and Google what you do proper on the high of the web page.
How Typically Ought to I Replace My Homepage Design?
We suggest folks replace their web site homepage a minimum of annually, however six months is right. Listed below are some issues you possibly can replace in your web site:
- Ensure that your CTAs are related
- Replace pictures
- Add new presents
- Replace key phrases (if those you selected aren’t working for you)
It doesn’t must be large updates. Simply give it somewhat refresh each now and again! Now, go have some enjoyable updating your web site homepage design!

If you happen to appreciated right now’s episode on The Duo On Air Advertising Podcast, don’t neglect to depart us a evaluate & subscribe!
Extra From The Duo
Signal Up for Tuesday Suggestions and Sips Publication
Abbey Oslin and Courtney Petersen are Minnesota-based advertising consultants, educators, and co-founders of boutique advertising company Duo Collective, which makes a speciality of search engine marketing, social media technique, and branding for small enterprise homeowners and artistic entrepreneurs. To be taught extra about Duo Collective, or to inquire about working with our group, head over to www.duocollective.com.
To inquire about being a visitor on Duo On Air, please fill out this software kind.