The Perfect Home Page

Posted on February 20, 2020 by Jeremiah

How do you create the perfect homepage?

I’m glad you asked. I’m Jeremiah, creative director at Launchbay Creative & in this blog, I’m going to walk you through the method I’ve used to design over 50 websites to inform & inspire website visitors to take that call to action. Let’s get it.

A website is like a pizza you’ve gotta have all the ingredients to get it right. Below are my ingredients for the perfect website, now be warned if you skip an ingredient you’re not gonna get that perfect pizza cough I mean website. I’m not hungry, you’re hungry! Ok ok, on to the ingredients!

Primary Content

Or “Above The Fold” as some call it, this is your elevator pitch, pretend someone in an elevator asks you what you do and you only have a few seconds to tell them what you do and how they can benefit from your service or product. Keep it simple, clear & direct. Your primary content is broken down into the following.

Logo

If a picture is worth 1,000 words then your logo is worth 100,000. It should tell a story and leave your audience with a lasting impression by being unique & unforgettable. If you don’t have a logo (& a brand) I highly recommend 99designs.com $350 or Fiver for $25-X but keep in mind you get what you pay for. If you’d like to work 1 on 1 with a designer well you can always do that with me & Launchbay Creative but with us, you will pay more but you will also get more. Just think if your advertising budget is at bare minimum $10,000 do you really want to spend that money putting a $5 logo that looks like it was made in paint out there? Invest in your brand & logo, it is absolutely quintessential in today’s digital age.

Navigation

Let’s say you walk into your local Starbucks, you’re not a professional barista, you just know you want some sorta coffee that’s not too sweet, not too bitter & isn’t 1k calories. Fact: Did you know Starbucks has a ton of drinks available but when you look above the registers at their menu there are only a small % of that?! If you give your website visitors too many options they will be paralyzed by the excess of options.

Keep it simple. 7 Items max. Put the excess links throughout the content in your site in links or buttons.

Hero Section

Headline – Tell them what it is.

This is the opening line of your elevator pitch & you should be able to tell them during the handshake. Hit them fast with how you or your business offers value and how it should make them feel. Cut the fluff, keep it simple.

Here’s a fun little formula to create a compelling headline for your website.

Value proposition + Feeling = What you do

Answer the question: What is it? Or What is it that you do?

Here’s an example from Launchbay Creative: “We create STELLAR websites you can be PROUD to show off.

Value Proposition: We Create STELLAR Websites…

Feeling: You Can Be PROUD To Show Off.

Subheading – Make them want it.

Now that you got their attention, draw them in deeper and compel them by:

Expanding on your product or service, showing the benefits or by encouraging action aka taking the next step.

Check out… 189 Words That Convert for some inspiration & some flair.

Primary Call To Action – I’ll do it!

First, define the win. What is the primary action you want your website visitor to take on your site?

Let them know it’s easy and there’s no risk. Be clear, direct and encourage action right now.

Secondary Call To Action

A secondary call to action can be a great thing, if a user isn’t quite ready to take the leap, offer a secondary even less committal option like learning more about you or viewing your work.

The goal is to keep them on your site and if they only see one option they may decide to bounce if they’re not ready.

Image

It’s imperative you have an image that does the following.

Matches your branding. (Ie. Colors, Mood, Tone)

Shows off you or your product in action.

If you have yet to get a professional photographer to take photos don’t worry.

Did you know in September of 2017, Luisa Dörr was commissioned to use an iPhone to create portraits of 46 influential women and 12 covers of Time Magazine.

If you have good natural light and an iPhone your just a snap away!

If you need pictures of yourself ask a friend who you think takes great photos on instagram, chances are they’ll be flattered & will work for some wine & Chipotle. 😉

Secondary Content

Benefits

What’s in it for me? What are the perks? Why do I really need this?

These are the questions spinning through your website visitor’s heads after they quickly glance at your primary content. Now it’s time to turn that elevator handshake into a “Hey, why we step into the lobby for a quick chat.

Give them 3 benefits, answer the questions above spinning through their head. Don’t be complex be simple & visceral.

Features

Ok now we have 3 benefits we’re in the lobby but give me the nitty-gritty because now we’re in the lobby and I’m pot-committed to this conversation. Be informational. They want some food for thought.

What are you going to get?

Header, Paragraph, 5-10 bullets

Build Trust / Social Proof

You’ve just given them some food for thought but here is often where doubt & buyers remorse kicks in but what are we going to do? We’re going to squash that doubt with a ton of fuzzy feelings in the form of trust & social proof. We know what we’re selling is going to help them because it’s helped others, we know this, we just have to show them, so let’s do exactly that.

Let’s show them the following…

  1. Customer Testimonial / Story
  2. Social Proof – Facebook, Twitter, Linkedin, YouTube, Pinterest comments or testimonials work here. (Screenshots are great)
  3. Awards / Professional Accreditation
  4. Proof plugin?

Content Offer / Lead Magnet

Do you like sweets? Want some icing on the cake? Their doubt has been squashed now’s the time to entice.

Next, you’re going to offer a piece of content to them for free, it could be a simple checklist of your process or your favorite apps/tools for doing X. This shows the visitor that you’re not only a boss at what you do you’re actively helping others by offering them your expertise. This propositions yourself as not only a thought leader but it makes the user go from “Should I work with this person?” to… “OMG! I have to get on their calendar before someone else does!”

Final / Primary CTA

We’ll offer 1 more chance to click that button then be off to the races.

Footer

Just like your menu, keep it simple…

Logo, mission statement, Social Links, Links to your top 5 most important links, Contact info & Copyright.

In Closing…

You don’t need to be a Pulitzer prize-winning author. Just speak directly to your website visitor on paper as if you were talking to them in person on the elevator or meeting up for a coffee. Be as human as possible. On the other end is a person looking for a solution to their problem or desire. Be that for them in the simplest way.

Related Posts

Our Web Design Process

Our Web Design Process

The Ultimate Web Design Process 🎥 Check out the VIDEO HERE: https://youtu.be/sn3kfJo8QWs 🎥 From planning to launch /// This is a quick overview of our entire web design process and the steps we take. This is great for solo to small teams to get an idea of how the...

Create Church Announcement Videos FAST! (With Descript)

Create Church Announcement Videos FAST! (With Descript)

Descript is a tool that allows users to easily create church announcement videos. Using the software, users can record their voice, transcribe it, and edit the transcript to create a polished video. The process is simple and fast, making it a great option for churches looking to create announcements quickly and efficiently.

239 Comments

239 Comments

  1. genies

    vEszwvclNwK

  2. spoonhook

    HxN3AulsT16

  3. Montecrino

    cheap canadian pharmacy online Inter Pharm Online canadian pharmacy reviews

  4. Montecrino

    buying from canadian pharmacies Inter Pharm Online canadian pharmacy no rx needed

  5. HowardPed

    buying from canadian pharmacies: Cheapest online pharmacy – canadian online pharmacy reviews

  6. GregorySceve

    Tadalafil Tablet: TadalafilEasyBuy.com – Buy Tadalafil 10mg

  7. GregorySceve

    cialis without a doctor prescription: TadalafilEasyBuy.com – TadalafilEasyBuy.com

  8. GregorySceve

    kamagra pillen kopen: kamagra jelly kopen – kamagra 100mg kopen

  9. Williamicova

    buy generic 100mg viagra online: cheapest viagra – Buy Viagra online cheap

  10. Dwayneprord

    TadalafilEasyBuy.com Tadalafil Easy Buy TadalafilEasyBuy.com

  11. Williamicova

    cheap viagra: Buy Viagra online cheap – buy generic 100mg viagra online

  12. Dwayneprord

    Kamagra Kopen Kamagra kamagra jelly kopen

  13. GregorySceve

    Generic 100mg Easy: generic sildenafil – Generic 100mg Easy

  14. Williamicova

    TadalafilEasyBuy.com: TadalafilEasyBuy.com – Tadalafil Easy Buy

  15. Williamicova

    kamagra kopen nederland: kamagra jelly kopen – Kamagra Kopen Online

  16. Williamicova

    cialis without a doctor prescription: Cialis 20mg price in USA – TadalafilEasyBuy.com

  17. Dwayneprord

    Kamagra Kopen Kamagra Kopen Kamagra Kopen Online

  18. Williamicova

    cialis without a doctor prescription: Cialis over the counter – Buy Tadalafil 10mg

  19. Williamicova

    kamagra pillen kopen: Kamagra – Kamagra

  20. Dwayneprord

    Generic100mgEasy Generic100mgEasy Generic 100mg Easy

  21. Williamicova

    kamagra pillen kopen: kamagra jelly kopen – Officiele Kamagra van Nederland

  22. JamesZes

    pinup 2025 – pinup 2025

  23. Jessevam

    пин ап казино официальный сайт: https://pinupkz.life/

  24. Dwayneprord

    buy Viagra online Generic100mgEasy Generic100mgEasy

  25. Williamfew

    pinup 2025 – пин ап вход

  26. JamesZes

    пин ап вход – пин ап казино официальный сайт

  27. JamesZes

    пинап казино – пин ап казино официальный сайт

  28. Dwayneprord

    cialis without a doctor prescription Buy Tadalafil 10mg cialis without a doctor prescription

  29. Williamfew

    pinup 2025 – pinup 2025

  30. Dwayneprord

    Kamagra Kopen Online Kamagra Kopen kamagra jelly kopen

  31. DerekRhync

    apotek online recept: Apotek hemleverans idag – Apotek hemleverans idag

  32. DerekRhync

    Apotek hemleverans idag: Apoteket online – Apotek hemleverans recept

  33. MalcolmCop

    apotek online Apoteket online apotek pa nett

  34. DerekRhync

    Apoteket online: Apoteket online – apotek pa nett

  35. DerekRhync

    Kamagra kaufen ohne Rezept: kamagra – Kamagra kaufen ohne Rezept

  36. MichaelPeapE

    Apotek hemleverans recept: Apotek hemleverans recept – Apotek hemleverans recept

  37. DerekRhync

    Kamagra kaufen: kamagra – Kamagra online bestellen

  38. MichaelPeapE

    Kamagra Oral Jelly: Kamagra kaufen – Kamagra Gel

  39. DerekRhync

    ApotheekMax: online apotheek – online apotheek

  40. MalcolmCop

    Apotheek Max Beste online drogist Apotheek online bestellen

  41. MichaelPeapE

    Kamagra online bestellen: Kamagra Oral Jelly – Kamagra Gel

  42. DerekRhync

    kamagra: Kamagra kaufen – Kamagra Original

  43. MichaelPeapE

    Online apotheek Nederland zonder recept: Apotheek Max – Online apotheek Nederland zonder recept

  44. MichaelPeapE

    Kamagra kaufen ohne Rezept: Kamagra Oral Jelly – kamagra

  45. MichaelPeapE

    kamagra: Kamagra Oral Jelly – Kamagra Original

  46. DerekRhync

    Online apotheek Nederland zonder recept: Apotheek online bestellen – Online apotheek Nederland met recept

  47. MichaelPeapE

    apotek online: Apoteket online – apotek online recept

  48. MalcolmCop

    Betrouwbare online apotheek zonder recept Beste online drogist Online apotheek Nederland met recept

  49. DerekRhync

    kamagra: Kamagra Oral Jelly – Kamagra Oral Jelly kaufen

  50. MichaelPeapE

    Kamagra Oral Jelly kaufen: kamagra – Kamagra online bestellen

  51. DerekRhync

    Apotheek Max: ApotheekMax – Betrouwbare online apotheek zonder recept

  52. Robertlet

    indian pharmacy online online pharmacy india top 10 online pharmacy in india

  53. Edwinmup

    canada drug pharmacy: canada cloud pharmacy – canadian online drugs

  54. TrentDef

    canadapharmacyonline legit: GoCanadaPharm – canada pharmacy 24h

  55. ChesterEvort

    mexican online pharmacies prescription drugs: Agb Mexico Pharm – pharmacies in mexico that ship to usa

  56. Edwinmup

    Agb Mexico Pharm: Agb Mexico Pharm – Agb Mexico Pharm

  57. Robertlet

    canadian pharmacy meds canadian pharmacy tampa best online canadian pharmacy

  58. ChesterEvort

    Online medicine home delivery: www india pharm – top 10 online pharmacy in india

  59. Edwinmup

    india pharmacy mail order: www india pharm – indian pharmacy paypal

  60. Robertlet

    top 10 online pharmacy in india www india pharm www india pharm

  61. ChesterEvort

    canadian pharmacy antibiotics: GoCanadaPharm – canadian pharmacy mall

  62. TrentDef

    www india pharm: www india pharm – www india pharm

  63. Edwinmup

    Agb Mexico Pharm: Agb Mexico Pharm – Agb Mexico Pharm

  64. ChesterEvort

    www india pharm: www india pharm – www india pharm

  65. Robertlet

    buying from online mexican pharmacy Agb Mexico Pharm Agb Mexico Pharm

  66. Edwinmup

    reputable mexican pharmacies online: Agb Mexico Pharm – Agb Mexico Pharm

  67. Edwinmup

    pharmacy com canada: canada online pharmacy – cheap canadian pharmacy online

  68. ChesterEvort

    canadadrugpharmacy com: GoCanadaPharm – canadian pharmacy online store

  69. TrentDef

    Agb Mexico Pharm: Agb Mexico Pharm – Agb Mexico Pharm

  70. ChesterEvort

    reputable indian pharmacies: top 10 pharmacies in india – п»їlegitimate online pharmacies india

  71. Robertlet

    mexico pharmacies prescription drugs Agb Mexico Pharm mexican pharmaceuticals online

  72. TrentDef

    legit canadian online pharmacy: go canada pharm – canada drug pharmacy

  73. ChesterEvort

    indian pharmacy: www india pharm – www india pharm

  74. Edwinmup

    Online medicine order: www india pharm – www india pharm

  75. BrianAgrit

    prednisone pack prednisone 5mg cost buy prednisone online from canada

  76. DanielPam

    buy generic zithromax no prescription: ZithPharmOnline – ZithPharmOnline

  77. Michaelthand

    Lisin Express: Lisin Express – lisinopril medication otc

  78. DanielPam

    price of prednisone tablets: Pred Pharm Net – Pred Pharm Net

  79. Michaelthand

    can you buy zithromax over the counter in canada: ZithPharmOnline – ZithPharmOnline

  80. DanielPam

    20 mg prednisone tablet: prednisone 54899 – prednisone prescription online

  81. Lancesex

    can you get clomid no prescription: Clom Fast Pharm – Clom Fast Pharm

  82. DanielPam

    prednisone 2.5 mg daily: Pred Pharm Net – prednisone 50 mg tablet cost

  83. Lancesex

    can i order generic clomid for sale: Clom Fast Pharm – Clom Fast Pharm

  84. BrianAgrit

    zithromax 500mg price in india ZithPharmOnline can you buy zithromax over the counter in mexico

  85. DanielPam

    zithromax 250: ZithPharmOnline – ZithPharmOnline

  86. Lancesex

    zithromax over the counter canada: ZithPharmOnline – ZithPharmOnline

  87. Michaelthand

    AmOnlinePharm: AmOnlinePharm – AmOnlinePharm

  88. DanielPam

    prednisone 10mg price in india: 40 mg daily prednisone – Pred Pharm Net

  89. BrianAgrit

    Clom Fast Pharm Clom Fast Pharm Clom Fast Pharm

  90. Michaelthand

    where to buy amoxicillin 500mg without prescription: AmOnlinePharm – AmOnlinePharm

  91. DanielPam

    Lisin Express: Lisin Express – zestril 20 mg tab

  92. Lancesex

    zithromax 600 mg tablets: ZithPharmOnline – buy zithromax online

  93. Michaelthand

    prednisone price australia: prednisone tablet 100 mg – 40 mg prednisone pill

  94. DanielPam

    lisinopril 25 mg tablet: Lisin Express – Lisin Express

  95. Michaelthand

    azithromycin zithromax: ZithPharmOnline – ZithPharmOnline

  96. DanielPam

    amoxicillin 200 mg tablet: AmOnlinePharm – amoxicillin medicine over the counter

News & Updates

Join Our Newsletter