These NEW Website Layouts Can Instantly Triple Your Business

Wes McDowell
10 Sept 202414:57

Summary

TLDRDieses Video zeigt neun innovative Webseitenlayouts, die dazu beitragen, mehr Leads und Kunden für Ihr Geschäft zu gewinnen. Es betont die Wichtigkeit der 'Hero-Section', die Besucher schnell und deutlich auf das angebotene Produkt oder die Dienstleistung aufmerksam macht. Die verschiedenen Layouts umfassen Social-Proof, mehrere Kundenbilder, Statistiken und mehr, um die Konversion zu erhöhen. Zusätzlich wird ein kostenloses Online-Seminarm angeboten, das Schritt für Schritt zeigt, wie man eine kundengenerierende Webseite erstellt.

Takeaways

  • 🌐 Websites, die Leads für Ihr Unternehmen generieren, müssen anders gestaltet sein als noch vor vier Jahren.
  • 🏆 Für über 10 Jahre habe ich erfolgreich Websites für Dienstleistungsunternehmen erstellt und festgestellt, dass alte Layouts schnell ins Stocken geraten.
  • 🚫 Wenn Ihre Website wie die Konkurrenz aussieht, werden potenzielle Leads Sie nicht merken und zu neuen Kunden wird es nicht kommen.
  • 🔢 Zeigen Sie in einem Video neun neue Website-Layouts, die effektiv mehr zufällige Browser in Leads umwandeln.
  • 💡 Der Hero-Bereich ist entscheidend: Er ist der erste Bereich, den Besucher sehen und muss sofort klar machen, was Sie ihnen bieten und wie sie es bekommen.
  • 📈 Wenn der Hero-Bereich gut gemacht ist, sind Sie 80% auf dem richtigen Weg, um Leads zu generieren.
  • 📱 Die Informationen sollten links und das Bild rechts angeordnet sein, da die meisten Menschen von links nach rechts lesen.
  • 🖼️ Bild und Text sollten gut lesbar sein, der Text ist wichtiger als das Bild, das lediglich zur Unterstützung dient.
  • 👥 Ein Layout mit Sozialbeweis, wie Bewertungen oder Logos von Unternehmen, kann sehr wichtig sein, um das Vertrauen zu stärken.
  • 👨‍👩‍👧‍👦 Mehrere Bilder von verschiedenen Kundentypen oder verschiedenen Dienstleistungen können helfen, die Zielgruppe besser zu erreichen.
  • 📊 Statistiken und Testimonials können zusätzliche Elemente sein, um das Vertrauen zu stärken und mehr Leads zu generieren.
  • 🏡 Für Dienstleistungen, die auf Ergebnisse ausgerichtet sind, kann ein Screenshot eines tatsächlichen Ergebnisses stärker sein als nur eine Zahl.
  • 🔗 Ein guter Hero-Bereich ist nur ein Teil der Website, alles muss zusammenpassen, um Traffic in zahlende Kunden umzuwandeln.

Q & A

  • Warum ist es wichtig, eine Website zu haben, die effektiv Leads generiert?

    -Eine Website, die effektiv Leads generiert, ist entscheidend, um potenzielle Kunden zu erreichen und zu überzeugen. Sie hilft dabei, das Unternehmen von der Konkurrenz abzuheben und sorgt dafür, dass Leads sich besser an das Unternehmen erinnern und eher dazu neigen, es zu kontaktieren.

  • Was hat sich in den letzten vier Jahren hinsichtlich der Website-Erstellung geändert?

    -In den letzten vier Jahren hat sich das Design von Websites stark verändert. Alte Layouts können schnell langweilig werden, und wenn eine Website wie die Konkurrenz aussieht, haben Leads keine spezielle Verbindung zum Unternehmen und sind weniger wahrscheinlich, sich zu entscheiden.

  • Was ist der Hauptunterschied zwischen einer traditionellen Website-Layout und den neuen Layouts, die im Skript vorgestellt werden?

    -Neue Layouts konzentrieren sich darauf, mehr Interaktivität und Anziehungskraft zu bieten, um potenzielle Leads zu gewinnen. Sie sind darauf ausgelegt, schnell und effektiv zu kommunizieren, was das Unternehmen bietet, wie es ihnen hilft und wie sie es erhalten können.

  • Was ist der Hauptzweck des Hero-Abschnitts einer Website?

    -Der Hero-Abschnitt ist der Bereich ganz oben auf der Startseite und hat das Ziel, Besucher sofort mit einer klaren und überzeugenden Nachricht zu begrüßen. Er sollte ihnen mitteilen, was das Unternehmen bietet, wie es ihnen hilft und wie sie es erhalten können.

  • Warum ist es wichtig, den Hero-Abschnitt richtig zu gestalten?

    -Wenn der Hero-Abschnitt nicht gut gestaltet ist und Menschen sich nicht sofort ein Bild von dem, was das Unternehmen bietet, machen können, oder wenn sie nicht erkennen, warum das Unternehmen besser als die Konkurrenz ist, werden sie wahrscheinlich die Seite nicht weiter untersuchen.

  • Was sind typische Elemente eines Hero-Abschnitts?

    -Ein typischer Hero-Abschnitt umfasst einen Haupttitel, einen Untertitel, eine Aktionsschaltfläche und ein Bild. Manchmal kann das Bild hinter dem Text platziert sein, was jedoch die Lesbarkeit beeinträchtigen kann.

  • Warum wird empfohlen, beim Hero-Layout die Informationen links und das Bild rechts zu platzieren?

    -In den meisten Kulturen lesen Menschen von links nach rechts, und Studien zeigen, dass das Auge zuerst nach links geht, wo die wichtigsten Informationen zu finden sind. Die Worte, die verwendet werden, sind entscheidend, um Menschen zu überzeugen, und das Bild dient nur als visuelle Unterstützung.

  • Was ist der Vorteil des ersten neuen Layouts, das im Skript vorgestellt wird?

    -Das erste neue Layout ermöglicht es, soziale Beweise zu zeigen, was für viele Unternehmen sehr wichtig ist. Es bietet Platz für einen Titel, einen Untertitel, eine Aktionsschaltfläche und zusätzliche Elemente wie Bewertungen und Kundenportraits oder Logos von Unternehmen, die man unterstützt hat.

  • Was ist das Hauptziel, wenn man 'happy customer images' in den Hero-Abschnitt aufnimmt?

    -Das Hauptziel ist es, potenzielle Kunden zu überzeugen, indem man zeigt, wie zufrieden tatsächliche Kunden mit den Dienstleistungen waren. Dies hilft, eine Verbindung zu den Kunden herzustellen und ihnen ein nachvollziehbares Erfolgserlebnis zu vermitteln.

  • Was sind die verschiedenen Möglichkeiten, wie man den Hero-Abschnitt anpassen kann, um mehr Leads zu generieren?

    -Man kann den Hero-Abschnitt anpassen, indem man verschiedene Elemente wie mehrere Kundenbilder, verschiedene Dienstleistungen, Sozialbeweise, Testimonials, Statistiken oder zusätzliche Aktionsschaltflächen hinzufügt. Je nach Branche und Zielgruppe kann eine Kombination dieser Elemente verwendet werden, um die Wirksamkeit zu erhöhen.

  • Wie kann man den Hero-Abschnitt so gestalten, dass er für Dienstleistungsunternehmen wie z.B. Immobilienmakler oder Plombiere geeignet ist?

    -Für Dienstleistungsunternehmen, bei denen Kunden schnellstmöglich handeln möchten, kann man den Hero-Abschnitt so gestalten, dass er eine direkte Aufforderung zum Handeln und ein Kontaktformular enthält. Dies ermöglicht es Kunden, schnell zu handeln, ohne die gesamte Seite durchscrollen zu müssen.

Outlines

00:00

🌐 Website-Design für mehr Leads

Der Sprecher diskutiert die Bedeutung eines modernen Website-Designs, das effektiv ist, um Leads für Geschäftskunden zu generieren. Er betont, dass Websites, die nicht von der Masse abheben, schnell vergessen werden. Er bietet neun neue Layouts an, die dazu beitragen, mehr zufällige Browser in Leads umzuwandeln. Der Schwerpunkt liegt auf der 'Hero-Sektion', die am Anfang jeder Webseite steht und die für 80% des Erfolgs verantwortlich ist. Diese Sektion sollte klar kommunizieren, was das Unternehmen bietet und wie es den Kunden hilft. Typische Elemente einer Hero-Sektion sind ein Headline, Subheadline, Button und Bild. Der Sprecher empfiehlt, die Informationen links und das Bild rechts zu platzieren, da die meisten Menschen von links nach rechts lesen.

05:01

📈 Mehrfache Elemente zur Steigerung der Konversion

Der Sprecher präsentiert verschiedene Versionen der Hero-Sektion, die unterschiedliche Elemente enthalten, um die Konversion zu verbessern. Er empfiehlt, soziale Beweise wie fünf-sterne-Bewertungen und Kundenportraits oder Logos zu verwenden, um das Vertrauen zu stärken. Er diskutiert auch das Konzept der 'glücklichen Kundenbilder', die zeigen, wie zufrieden die Kunden nach der Nutzung des Dienstes sind. Eine weitere Version ermöglicht die Anzeige mehrerer Kunden-Avatare oder verschiedener Dienstleistungen, um eine breitere Zielgruppe zu erreichen. Der Sprecher betont die Bedeutung von sozialem Beweis und die Verwendung von Statistiken oder Testimonials, um das Unternehmen zu personalisieren und die Kunden besser zu überzeugen.

10:01

🛠️ Anpassungsfähige Layouts für verschiedene Geschäftsmodelle

Der Sprecher zeigt, wie verschiedene Layouts angepasst werden können, um unterschiedliche Geschäftsmodelle und Dienstleistungen effektiv zu präsentieren. Er diskutiert Layouts, die für Unternehmen geeignet sind, die schnelle Aktion von Kunden erwarten, wie zum Beispiel Heizungs- und Lüftungstechniker oder Schlossmeister. Er betont die Verwendung von Formularen, um Kunden direkt zu bedienen, ohne dass sie die gesamte Webseite durchscrollen müssen. Der Sprecher zeigt auch Layouts, die für Marketingagenturen geeignet sind, die Ergebnisse und Statistiken zeigen möchten. Er empfiehlt, die primäre und sekundäre Aktion visuell zu unterscheiden, um Kunden klar zu machen, welcher Schritt als nächstes unternommen werden sollte.

Mindmap

Keywords

💡Website

Ein Website ist eine Sammlung von Webseiten, die über das Internet auf Servern gehostet werden und mit einer Domain versehen sind. Im Kontext des Videos bezieht sich das Wort auf die digitale Präsenz eines Unternehmens, die dazu dient, potenzielle Kunden zu gewinnen und umzusetzen. Der Hauptzweck der Website ist es, die Dienstleistungen des Unternehmens zu vermarkten und Interessenten zu überzeugen.

💡Leads

Leads sind potenzielle Kunden oder Interessenten, die sich für ein Produkt oder eine Dienstleistung ausdrücklich interessieren. Im Video wird betont, dass eine Website effektiv sein muss, um Leads für das Unternehmen zu generieren und diese in Kunden umzuwandeln.

💡Layouts

Layouts beziehen sich auf die Gestaltung und Struktur einer Website. Im Video werden neun neue Layouts vorgestellt, die dazu dienen, Besucher effektiver in Leads umzuwandeln. Jede Layout hat seine eigenen Merkmale und Ziele, um die Aufmerksamkeit der Besucher zu erringen und sie dazu zu bringen, auf die Website zu klicken und zu interagieren.

💡Hero Section

Die Hero Section ist der Bereich am Anfang einer Webseite, der den ersten Eindruck macht. Im Video wird betont, dass diese Sektion entscheidend ist, um potenzielle Kunden zu überzeugen. Sie sollte einen Überblick darüber geben, was das Unternehmen bietet und wie es den Kunden hilft.

💡Call to Action (CTA)

Ein Call to Action ist eine Aufforderung, die Besucher dazu animiert, eine bestimmte Handlung auf einer Website auszuführen, wie zum Beispiel 'Jetzt kaufen' oder 'Mehr erfahren'. Im Video wird betont, dass eine CTA immer im Hero Section enthalten sein sollte, um die Interaktion der Besucher zu fördern.

💡Social Proof

Social Proof bezieht sich auf das Vertrauen, das durch die Empfehlungen oder Bewertungen von anderen Personen oder Unternehmen gewonnen wird. Im Video wird Social Proof als wichtiges Element in einigen der neuen Layouts hervorgehoben, um das Vertrauen der Besucher zu stärken und sie dazu zu bringen, das Unternehmen zu wählen.

💡Conversion

Conversion bezieht sich auf den Prozess, bei dem ein potenzieller Kunde in einen tatsächlichen Kunden umgewandelt wird. Im Video wird die Bedeutung von Website-Layouts für die Umsetzung von Leads betont, um die Wahrscheinlichkeit zu erhöhen, dass Besucher zu Kunden werden.

💡Mobile

Im Video wird die Bedeutung von mobiler Optimierung hervorgehoben, da eine große Anzahl von Menschen Websites von Mobilgeräten aus besucht. Die Layouts sollten so gestaltet sein, dass sie auf mobilen Geräten gut aussehen und funktionieren, um eine gute Benutzererfahrung zu gewährleisten.

💡Testimonials

Testimonials sind Zeugnisse von Kunden, die über ihre positiven Erfahrungen mit einem Produkt oder einer Dienstleistung berichten. Im Video wird betont, dass Testimonials als Social Proof verwendet werden können, um das Vertrauen der potentiellen Kunden zu stärken.

💡Design

Das Design einer Website bezieht sich auf die ästhetischen Elemente, wie Farben, Schriftarten und Bilder, die verwendet werden, um die Website ansprechend und benutzerfreundlich zu gestalten. Im Video wird das Design als ein wichtiger Faktor für die Wirksamkeit einer Website hervorgehoben.

Highlights

Creating a successful business website has evolved significantly in recent years.

Outdated layouts can make your website blend in with competitors, reducing its effectiveness.

The presenter specializes in crafting winning websites for service businesses over a decade.

Nine innovative website layouts are introduced to attract and convert casual browsers into leads.

The importance of the 'hero section' at the top of the homepage is emphasized.

The hero section should clearly communicate what you offer, its benefits, and how to obtain it.

A poorly designed hero section can deter visitors from exploring further.

The traditional hero section layout includes a headline, subheadline, button, and image.

A recommended layout places text on the left and image on the right for better readability.

The image should support the text, which is more critical in selling the service.

A layout showcasing social proof, such as ratings and client photos, can be highly effective.

Using 'happy customer images' can help potential clients envision themselves using your service.

A layout that includes multiple client avatars can cater to a diverse audience.

Including a secondary call to action can provide an alternative path for users not ready to commit.

Using illustrations instead of photos can add personality to a business website.

Combination layouts can display both images and statistics or testimonials effectively.

A layout with a direct call to action at the top can be suitable for utilitarian businesses.

A layout that lists multiple services or results can be beneficial for businesses with diverse offerings.

Bento design layout allows for modularity and can be customized with images, stats, and testimonials.

The hero section should work cohesively with the rest of the website to convert traffic into clients.

A free on-demand master class is offered to learn how to build a client-generating website.

Transcripts

play00:00

making a website that actually gets

play00:01

leads for your business is very

play00:03

different than it was even four years

play00:05

ago I've made a living creating winning

play00:08

websites for service business owners for

play00:09

over 10 years and the same old layouts

play00:12

can get stale and when your website

play00:15

looks like just any other one of your

play00:17

competitors your leads won't remember

play00:19

you and you can kiss Landing that new

play00:22

client goodbye so in this video I'm

play00:24

going to show you nine brand new website

play00:26

layouts how each Works smarter not

play00:29

harder to attract and convert more

play00:31

casual browsers into leads and how you

play00:34

can make them work for your business

play00:36

with plenty of real examples but before

play00:38

we get to the layouts we need to talk

play00:40

about the one section that'll give you

play00:42

the biggest bang for your effort the one

play00:44

section that if you get that right

play00:47

you're 80% of the way there and it's

play00:49

what we call the hero section it's the

play00:51

one that's at the very top of just about

play00:53

every home page you've ever seen and it

play00:55

has to let people know exactly what you

play00:57

can do for them how that's going to help

play00:59

them them and how they can get it so if

play01:01

you get this section wrong and people

play01:04

can't really tell what you offer or why

play01:06

you're any better than your competitors

play01:08

they usually won't make it any further

play01:10

down the page so for that reason we're

play01:13

going to be focusing on the hero section

play01:15

here and nine different ways that you

play01:17

can lay it out in any situation so let's

play01:20

start off by looking at a typical hero

play01:22

section so they typically include a

play01:24

headline a subheadline a button and an

play01:28

image so the image image can be behind

play01:30

the text like this but as you can see

play01:33

it's a little hard to see the image

play01:34

behind it sometimes it can be hard to

play01:36

read the text on top of it so I

play01:38

generally don't recommend this kind of

play01:41

layout anymore um if you're going to

play01:42

still want to go with a basic hero

play01:44

layout something like this is a lot

play01:46

better now where you've got all the

play01:48

information people need to read off to

play01:50

the left and then your image is off to

play01:52

the right and you don't generally want

play01:54

to flip-flop these because in most

play01:56

cultures people read from left to right

play01:58

and there's been a lot ofu studies that

play02:00

show people's eyes first go to the left

play02:03

and this is the most important stuff

play02:05

right the words you use are going to

play02:06

sell people more than the image the

play02:08

image is just there to kind of help you

play02:10

out so this is the kind of treatment I

play02:12

go for more these days not only does it

play02:15

look cleaner but it just works out much

play02:16

better when it all has to shrink down

play02:18

for mobile too so those are the two most

play02:20

typical layouts you're going to see but

play02:22

now let's take a look at how we can

play02:24

switch it up a bit so you can stand out

play02:26

more and maybe include a few more

play02:28

elements that can help you convert even

play02:30

better so let's go to our first layout

play02:33

so this one is interesting because it

play02:35

really lets you showcase social proof

play02:38

which can be really important for a lot

play02:40

of businesses so we have a place for a

play02:42

headline you could even put a sub

play02:43

headline under here but over here is

play02:46

where you can do a five star rating and

play02:48

show some pictures of real people you've

play02:51

worked with or if you're businesso

play02:53

business they could be logos of

play02:55

companies you've helped and then of

play02:57

course we need to have the call to

play02:58

action button we can't never forget that

play03:00

we still have a place for an image that

play03:02

helps us kind of tell the story more

play03:05

visually so I like this layout let's

play03:07

check out what it could look like for a

play03:09

real website so this is for you know a

play03:13

fictitious HR Consulting company so just

play03:16

showing you how this can look when you

play03:19

actually do it right so I've actually

play03:21

added a little sub headline here I

play03:23

always like to have that because what I

play03:24

like to do is have the headline really

play03:26

be about the result that you're going to

play03:28

get somebody and then the sub headline

play03:31

is more about but how do you do that

play03:33

like what what do you actually offer and

play03:35

this is just a nice clean looking

play03:37

website and it does the same job that a

play03:39

typical layout does that you see all the

play03:41

time but it adds this element here which

play03:43

is definitely a bonus all right let's

play03:46

take a look at our next one what I

play03:48

always recommend when you're going to

play03:49

include an image in your hero section is

play03:52

to show what I call you know happy

play03:54

customer images meaning you're showing

play03:56

people who are showing that satisfied

play03:59

after state after they've already worked

play04:01

with you it helps people just connect

play04:03

and kind of see themselves in it the

play04:05

problem is sometimes one image isn't

play04:08

really going to cut it right maybe

play04:10

you've got uh different types of people

play04:12

you work with maybe you work equally

play04:14

with men and women or young people old

play04:17

people so this layout right here

play04:19

actually lets you add in multiple

play04:22

versions of different client avatars you

play04:24

could do that or you could show you know

play04:27

multiple services you offer this is

play04:29

really versatile so what we've got here

play04:31

is we still have the headline you always

play04:32

need that then the sub headline here and

play04:35

the button and now we just have a place

play04:37

to show multiple people so let's take a

play04:39

look at what this could look like for a

play04:41

real website so this would be for a

play04:43

tutoring business and if it just had one

play04:45

image maybe of you know a male student

play04:48

then the female students might feel like

play04:51

it's not for them vice versa and in this

play04:54

case it's like high school age U maybe

play04:57

College age and then more like

play04:59

Elementary Middle School here so it can

play05:00

show that they work with different types

play05:03

of students so that's why I like this

play05:05

one in particular in our next one is

play05:08

another version of where you can add

play05:11

different elements so this one right

play05:13

here you could handle it in a few

play05:15

different ways you could show again

play05:17

three different images of different

play05:19

customer types or show off three

play05:21

different services but what I would like

play05:23

to do here instead of that is show one

play05:26

great image and then you can use these

play05:29

slots for things like social proof you

play05:31

could have a little mini testimonial you

play05:33

could have a little statistic of how

play05:36

many people you've helped you could even

play05:38

show how many you know five star ratings

play05:40

you have on Google reviews or Yelp or

play05:43

that kind of thing so there's a lot you

play05:45

could do with this one and then you also

play05:46

have this kind of secondary call to

play05:48

action sometimes it's a good idea to

play05:50

have something like that you know not

play05:52

everybody is going to want to click

play05:53

through and book your service right away

play05:55

maybe you want to send them to your

play05:57

testimonials or to your pricing page or

play06:00

something like that so let's see what

play06:01

this could look like for an exterminator

play06:04

company it just goes to show you you

play06:06

don't always have to use a photo you can

play06:08

use illustration sometimes and that can

play06:11

go a long way to giving your business a

play06:13

little bit more personality but in this

play06:15

case we have a nice testimonial here and

play06:17

then a statistic of how many people

play06:19

we've actually helped and then this is

play06:21

going over here from our clients that

play06:23

would be getting people over to you know

play06:25

reading some testimonials for some extra

play06:28

an extra hit of social Pro here we've

play06:30

got kind of a combo platter it gives us

play06:33

room to show again either two images of

play06:35

two different customer types or an image

play06:37

and you know a stat of some kind and

play06:40

then we also have the social proof so

play06:43

there's a lot you can do with this one

play06:45

and it doesn't feel overwhelming right

play06:47

so let's just see what this could look

play06:49

like um when you do it right so in this

play06:52

case we have an image of you know happy

play06:54

customer and then this is interesting so

play06:56

rather than just showing a stat it's a

play06:58

screenshot of actual result that this

play07:01

person has gotten so there's all kinds

play07:03

of little things like that you can do to

play07:05

basically show not tell the kinds of

play07:08

results you get for people and then of

play07:10

course we have the images of um happy

play07:12

clients and then a little click through

play07:14

to read some of their stories as well so

play07:16

it's another case of sending people to

play07:18

read more testimonials this works great

play07:21

if you have a lot of them and a lot of

play07:23

case studies from clients who you can

play07:25

kind of tell that start to finish story

play07:27

of here's exactly how we helped someone

play07:30

like you all right next up we have so

play07:32

this one's interesting I don't always

play07:35

recommend a treatment like this but

play07:37

there are some businesses where it makes

play07:39

sense just to give people at the top

play07:42

here's what you need to do to get

play07:44

started you know right off the top of my

play07:45

head I'm thinking kind of more

play07:47

utilitarian businesses plumbers

play07:50

locksmiths that kind of thing where

play07:52

people don't really need to read a whole

play07:53

lot they're just kind of in a hurry and

play07:55

they need to get going but this is a

play07:57

really good way to do it you still the

play08:00

headline sub headline in a place for a

play08:01

nice image just to kind of make it come

play08:04

to life a little bit more but then

play08:05

you've got the form where they can just

play08:07

fill it out right here and if they're

play08:09

not ready to do that they can still go

play08:11

down the page and get more information

play08:15

um I would recommend having another

play08:17

version of this maybe at the bottom if

play08:18

you're going to do it that way but let's

play08:20

see what this could look like for

play08:22

real so in this case it would be for a

play08:25

realtor but it just looks nice and clean

play08:27

and it's a really elegant way of letting

play08:29

people kind of get started without

play08:32

having to go through your whole page to

play08:33

get to the good stuff if if they don't

play08:35

want to this one is cool if you have

play08:38

multiple services you offer or if you

play08:42

want to show off different results that

play08:45

people can expect when they work with

play08:46

you so again we've got the usual kind of

play08:49

elements here but then right here

play08:50

underneath it you can put in your

play08:53

different service offerings or this

play08:55

could be something like you know earn

play08:56

more money save time you know results

play08:59

like that so this can be very versatile

play09:01

actually and this one has two different

play09:03

buttons it has a primary call to action

play09:06

so what you'll notice here is the

play09:08

primary called action is styled more

play09:10

like a traditional button right it's

play09:12

it's got a color to it and then the one

play09:14

next to it that's meant to be more of

play09:16

the secondary call to action it's

play09:19

treated secondary visually too so a

play09:22

little designer trick to to know there

play09:24

we call this a ghost button it just kind

play09:26

of has the outline around it and it's a

play09:28

great way to to give people kind of

play09:31

another option if they're not ready to

play09:33

take action now they can go learn more

play09:36

they can again read reviews they can

play09:38

check out your pricing anything like

play09:40

that and then we have room for an image

play09:41

underneath it too so let's check this

play09:43

one out so this one would be for kind of

play09:45

a marketing agency so and this kind of

play09:48

treatment showing something in an iPad

play09:49

like this with like graphs and results

play09:52

can be great especially if you're B2B

play09:55

and you want to show people like kind of

play09:56

an actual screenshot of results you've

play09:59

gotten for people again showing not

play10:01

telling and you'll notice too that I've

play10:03

carried through with the hierarchy of

play10:05

showing that this is the button you're

play10:07

meant to click this is the other button

play10:10

if you're not ready yet but it this one

play10:12

definitely calls for the most attention

play10:14

on it all right next one so here is

play10:17

another way that you can show off um if

play10:20

you have multiple images to show so

play10:22

again if you have multiple customer

play10:24

types if you have a more visual type of

play10:27

business like maybe you're a graphic

play10:29

design designer or you know a contractor

play10:31

interior designer and you really want to

play10:33

show off your work first and foremost

play10:36

this is a great way to do it so let's

play10:38

check out an example of that so this

play10:41

would be for an interior designer and

play10:44

obviously when people are coming to a

play10:45

website like this where they want they

play10:48

just want to see the goods you got to

play10:50

deliver on that you kind of have to show

play10:52

them a good variety right away because a

play10:55

lot of times what people do is they'll

play10:57

just show one image one represent of

play10:59

their work up top the problem is if it's

play11:02

not your style right then you're just

play11:05

going to hit the back button and go on

play11:06

to one of your competitor sites so this

play11:08

way you get to show a good variety at

play11:10

once but again this could be showing

play11:12

different people too so um it's it's a

play11:14

really versatile layout and one thing

play11:16

too if you know what you're doing I've

play11:18

seen this before where you can actually

play11:20

have these images kind of scrolling up

play11:22

and down that's a pretty cool treatment

play11:24

too okay I love this one so here's

play11:27

another one where let's say you want to

play11:28

show off you know different Services you

play11:30

want to make sure people know that you

play11:32

offer this this and this or again if you

play11:35

have three different really compelling

play11:37

results that you can promise your your

play11:40

clients this is a great way to do it so

play11:43

we again we have the the headline in the

play11:45

button and then this little box that

play11:48

allows you to show that at a glance

play11:50

before they even have to scroll down now

play11:52

the one thing you do want to be careful

play11:53

here is this is meant to be kind of an

play11:55

image behind it doesn't have to be like

play11:58

an image of a person I I generally

play12:00

prefer those types of images but it

play12:02

could be you know what you've seen on a

play12:04

lot of modern websites just kind of a a

play12:06

cool color gradient or something like

play12:08

that um but in this case we have a

play12:10

person image but I was really careful to

play12:12

make sure that it works right the

play12:15

background's dark the text is light I

play12:17

mean it's little overlapping on his chin

play12:18

a tiny bit but you can mostly see

play12:20

exactly what's going on and here's

play12:22

another kind of designer trick too this

play12:25

is no accident so see where he's looking

play12:27

he's looking basically at the words this

play12:31

is something that they've done a lot of

play12:32

studies on whenever you want to use an

play12:35

image of a person if you can have their

play12:37

eyeline going to the text that you

play12:39

actually want them to read people will

play12:42

do it people will follow their eyeline

play12:44

so um I like to use that as a trick and

play12:46

then in this case we just have three

play12:48

different um accounting services so that

play12:51

people as soon as they get there they

play12:52

get okay he does tax planning

play12:54

bookkeeping and he can advise me on my

play12:56

business this is what we call Bento

play12:59

design so if you've ever gotten a Bento

play13:02

Box it's that little tray where it's got

play13:04

different little compartments for

play13:05

different foods so obviously you can

play13:07

kind of see the reference here and I

play13:09

like this one for a different kind of

play13:11

treatment for again if you want to add

play13:14

different images of different people

play13:16

different statistics social proof

play13:19

showing how many reviews you have like

play13:22

an actual testimonial it's really

play13:24

customizable what you can do here this

play13:26

is only showing three compartments but

play13:28

I've seen it to where there's more I

play13:31

wouldn't go overboard and start adding

play13:33

too many because then the eye doesn't

play13:35

really know where to look but we've kept

play13:36

the headline the sub headline and the

play13:38

button so let's see what this could look

play13:40

like in a scenario so here we've got a

play13:44

nice hero image and a statistic of how

play13:47

many clients or with the success rate

play13:49

for their clients and then a testimonial

play13:52

this could just as easily be an image

play13:54

another image and then a testimonial too

play13:56

so there's so many different ways you

play13:58

can do it and what I like like about

play13:59

this kind of a treatment too is it's so

play14:01

modular everything can stack really

play14:03

nicely when you have to kind of shrink

play14:05

it down for mobile you can even say you

play14:07

know maybe this one's not that important

play14:09

so we're just going to you know

play14:11

eliminate it for mobile right so I like

play14:13

the modularity of it it's modularity

play14:15

word I guess but I like that you can

play14:17

just kind of pick out things stack them

play14:20

in a different order on mobile or

play14:21

eliminate things Al together but of

play14:23

course the hero section isn't the only

play14:25

part of your website you know it all has

play14:27

to work together if if you want to turn

play14:29

your traffic into paying clients right

play14:32

so I want to help you out with all of it

play14:33

in my free onDemand Master Class how to

play14:36

build a client generating website that

play14:39

sells your services for you in this

play14:41

training I'm going to show you

play14:42

everything your site needs to include

play14:44

and what you definitely need to remove

play14:47

now to make that happen so click right

play14:49

here to save your seat and I'm going to

play14:51

show you every single step to get it

play14:53

just right click here and I'll see you

play14:55

on the inside

Rate This

5.0 / 5 (0 votes)

Related Tags
Website-DesignLead-GenerierungGeschäftswachstumLayout-StrategieUX-OptimierungKundenbindungSEO-TechnikenKonversionsrateMarketing-TippsOnline-Präsenz
Do you need a summary in English?