WEBSITE
Wie Sie Ihre Makler-Website mit Wiedererkennungswert designen
So gehen Sie das Projekt Website richtig an! – Teil IV
8 Min. Lesedauer
Vielleicht haben Sie nach unseren letzten Artikeln schon hochmotiviert mit der Planung Ihrer Website begonnen. Schließlich haben wir bereits dargelegt, warum ein Online-Auftritt für jeden Makler sinnvoll ist und Ihnen erste Schritte der Umsetzung erläutert. Nun geht’s ans Eingemachte: die Gestaltung.
Denn sobald das Baukastensystem gewählt und das inhaltliche Konzept erstellt sind, kommt der kreative Part: das Design. Und das ist genauso wichtig, wie Text und Struktur. Farben, Fotos, Typografie, Abstände, all das gehört zu Ihrer digitalen Visitenkarte und all das muss zueinander passen. Oder würden Sie etwa mit Streifensocken zum Karo-Hemd bei einem Kundentermin auftauchen?
Bekommen Sie jetzt aber bitte keine kalten Füße. Natürlich geben wir Ihnen auch dieses Mal praktische Tipps, nützliche Adressen und demonstrieren mithilfe eines Layout-Beispiels step- by-step, worauf Sie achten müssen. Außerdem lassen wir einen Profi zu Wort kommen: Stefanie Mayer ist nicht nur gelernte Mediengestalterin und Grafikerin, sondern auch Fotografin. Sie verrät, mit welchen einfachen Kniffen Sie ein erstklassiges Design zaubern werden. Und vergessen Sie nicht: Wenn Sie mit einem Baukastensystem wie Jimdo, WordPress oder Wix arbeiten, haben Sie eine exzellente Gestaltungsvorlage, auf der Sie aufbauen. Es kann also nichts schiefgehen.
Step 1: Das Look-and-feel
Das Look-and-feel, also das Erscheinungsbild Ihrer Seite, spiegelt die Persönlichkeit Ihrer Firma wider. Fragen Sie sich also zunächst, wie Sie nach außen hin wirken möchten – zum Beispiel sachlich, seriös, sympathisch etc. und schreiben Sie sich Stichpunkte auf. Ein junger Makler aus Berlin Mitte, der sich auf die Vermittlung möblierter Studentenwohnungen spezialisiert hat, wird sich anders darstellen als ein traditionelles Immobilien-Unternehmen am Starnberger See. Im besten Fall transportieren am Ende sämtliche Designelemente die Eigenschaften, die Ihnen an Ihrem Online-Auftritt wichtig sind.
Step 2: Die passende Design-Vorlage
Sie scrollen gerade fasziniert durch die bunte Welt der Homepage-Layouts und finden eines schöner als das andere? Denken Sie daran, Ihre Notizen anzuschauen und entscheiden Sie sich dann entsprechend für ein eher schlichtes, reduziertes Konzept mit großen Überschriften oder für ein verspieltes, farbiges Konzept. Fragen Sie sich dabei immer: Könnte diese Website zu meinem Unternehmen passen? Schließlich ist sie nicht mehr und nicht weniger als der Grundstein Ihrer künftigen Online-Identität. Bei den meisten Baukastensystemen können Sie aus zahlreichen Templates wählen und die Vorlagen nach Ihren eigenen Vorstellungen anpassen. So sparen Sie Zeit und müssen kein Webdesigner werden, um eine ansprechenden Makler-Website zu erstellen.
Step 3: Die Farbwelt
Ein paar Hausaufgaben müssen Sie noch erledigen, bevor Sie mit dem Gestalten loslegen. Zum Beispiel eine Farbpalette definieren. Sie können ein farbiges Unternehmens-Logo oder sogar eine ganze Corporate Identity aus der Schublade ziehen, dann greifen Sie diese Töne unbedingt auf. Setzen Sie Akzente, indem Sie Buttons, Menüleiste oder Typografie einfärben. Das wirkt stimmig.
Sie besitzen keine Corporate Farben, die von einem Grafiker oder einer Agentur entwickelt wurden, und möchten sich ungern auf Ihren eigenen Geschmack verlassen? Keine Bange, wir haben ein geniales Tool für Sie: Unter coolors.co finden Sie spannende Farbpaletten, die perfekt miteinander harmonieren. Aber Vorsicht: Die Auswahl fällt nicht leicht, weil es so viele Kombinationen gibt.
Step 4: Das Logo
Ob mittig, links oder rechts – ganz oben auf Ihrer Website wird Ihr Logo prangen. Aber warum ist eine sogenannte Wort- bzw. Wortbildmarke überhaupt so essenziell? Ganz einfach: Gerade in der Immobilienbranche zählen Professionalität und ein gelungener Auftritt. Das fängt bei Ihrer Expertise an und hört beim Objekt-Exposé auf. Wenn Sie also Ihre Firma mit einem Online-Auftritt in Szene setzen möchten, machen Sie das Logo gleich mit. Sie werden sehen, einheitlich gestaltete Unternehmens- und Vermarktungsunterlagen machen bei Kunden Eindruck.
Falls Sie kein Logo besitzen oder Ihres veraltet ist, haben wir auch hier die richtigen Kontakte am Start: Entweder setzen Sie auf einen freien Grafiker, den Sie auf einer entsprechenden Plattform wie fiverr, malt oder auch LinkedIn finden. Oder Sie lassen sich im Handumdrehen einen Entwurf konfigurieren: Tailor Brands bietet einen Logo-Maker an, der Ihnen nach wenigen Fragen Designvorschläge unterbreitet.
Step 5: Das Bildmaterial
Nicht nur das Design prägt den Look Ihrer Homepage, es ist vor allem die Bildauswahl, die über die Qualität Ihrer Seite entscheidet. Achten Sie deshalb darauf, authentisches und hochauflösendes Bildmaterial zu verwenden.
- Authentisches und hochauflösendes Bildmaterial
Sie möchten Ihre Firma präsentieren, dann zeigen Sie auch etwas von ihr. Das können Ihr Büro, eine bestimmte Arbeitssituation oder das gesamte Team sein. Wenn Sie allerdings kein passionierter Hobby-Fotograf sind, lassen Sie lieber einen Profi ran.
Unsere Tipps hierzu: Bei Interior-Fotos sind gute Lichtverhältnisse und interessante Perspektiven das A und O. Überlassen Sie nichts dem Zufall: Unordnung, volle Mülleimer oder Kaffeetassen sind tabu. Prüfen Sie vorher die Räumlichkeiten und überlegen Sie, was sich am besten inszenieren lässt.
„Weniger ist hierbei oft mehr,“ rät uns Stefanie Mayer. „Versuchen Sie einen Blickwinkel zu finden, der den Raum für Ihre Kunden gut darstellt und alles Wichtige auf einen Blick erkennen lässt.“ Machen Sie sich vor dem Shooting ein Konzept: Entscheiden Sie, ob Sie nur das Office oder auch Mitarbeiter zeigen möchten. Stimmen Sie ab, was Sie und ihr Team anziehen und bringen so Ruhe in die Bildsprache.
„Zudem sollte alles auch farblich und von der Ausleuchtung her einheitlich sein, um einen hellen und freundlichen Look zu kreieren. Deshalb lohnt es sich, den Zeitpunkt für das Shooting gut zu wählen: Wann scheint das Licht besonders schön durch die Fenster und lässt Ihre Immobilie hell und großzügig wirken? Auch sollten alle Fotos im Optimalfall am selben Tag fotografiert werden, damit die Lichtgebung einheitlich wirkt.“ All diese Details beeinflussen, wie Ihre Kunden Sie wahrnehmen. Sie kennen keinen Fotografen? Steffi empfiehlt die Plattform fotografensuche.de oder einfach mit den richtigen Schlagwörtern bei Google direkt zu suchen, weil man hier auch immer gleich die Kunden-Bewertungen im Blick hat.
- Bilderpools
Sie möchten bestimmte Leistungen oder Produkte mit Bildern erklären oder im Header stimmungsvolle Aufnahmen der Stadt, in der Sie tätig sind, einsetzen? Dann schauen Sie bei unsplash.com oder pexels.com vorbei. Die Bilder sind kostenlos und lizenzfrei und dürfen daher einfach verwendet werden (unter Beachtung des Urheberrechts. Tipp: Am besten das Copyright mit angeben.) Das sind doch bildschöne Aussichten, oder?
- Icons
In der Kürze liegt die Würze. Deshalb ist es im Web oft schlauer, Zeichen statt lange Texte zu setzen. Telefonhörer, Briefumschlag etc.: Sogenannte Icons sind international und werden vom Auge sofort erfasst. Abgesehen davon lockern sie das Layout auf. Außerdem wichtig: Verwenden Sie auch hierbei einen Stil, damit alles zusammenpasst. Icons zum Download gibt es beispielsweise auf flaticon.com.
- Video
Für bestimmte Themenbereiche ist auch Videocontent sinnvoll. So hat beispielsweise die Mitteldeutsche Wohnwert Gruppe, kurz MWW, ein deutschlandweit agierendes Immobilienunternehmen mit Hauptsitz in Leipzig, einen kurzen Imagefilm produziert, der das Team vorstellt und das sympathische Betriebsklima zeigt. Hier bekommt man gleich Lust, sich zu bewerben! Beachten Sie dabei jedoch, dass gerade solche Inhalte jede Menge Planung und Vorlauf brauchen. Lassen Sie sich also Zeit und gehen sie die Themen erst an, wenn Ihre Website schon online ist.
Step 6: Die Typografie
Auch das Textbild beeinflusst den Look einer Website. Die Länge und Menge Ihrer Website-Texte (5 Tipps für Texte haben wir Ihnen in Teil 2 der Website-Serie vorgestellt) prägen den Stil des Webauftritts genauso, wie die Auswahl des Schriftschnitts: Serifen wirken seriös, geschwungene Typos eignen sich für Überschriften und vermitteln Dynamik, gerade Schriften erscheinen zeitlos und lassen sich besonders gut – und auf jedem Endgerät – lesen. Überlegen Sie also, welche Schriftart sich für Ihre Zwecke eignet. Aus Erfahrung weiß Stefanie Mayer: „Websites werden inzwischen gern wie eine Art Magazin gestaltet: interessant fürs Auge und anstatt ellenlanger Texte werden lieber kurze Textpassagen mit Icons, Details und Bildern arrangiert. Eine klare Gliederung ist sehr sinnvoll, um den User zu führen und nicht zu überfordern.“
Also: Fassen Sie sich kurz. Fügen Sie zwischendurch einen Absatz, eine Zwischen-Überschrift oder Bullet-Points ein, um Ihren Text zu strukturieren und aufzulockern. Schließlich wollen Sie potenzielle Kunden abholen – nicht abschrecken.
Beispiele: So ähnlich könnte Ihre Website aussehen
Jetzt kennen Sie die sechs wichtigen Schritte, die Ihnen beim Design Ihrer Makler-Website weiterhelfen. Auch in diesem Artikel darf ein Best-Practice-Beispiel nicht fehlen. Schließlich werden Sie so alle Erläuterungen schnellstens verinnerlichen. Um unsere Tipps zu visualisieren, haben wir zwei Landingpages für Sie vorbereitet.
Sie sehen zwei von uns gestaltete Websites imaginärer Firmen: und zwar von jenem jungen Makler aus Berlin, der Studentenwohnungen vermittelt und jenem seriösen Immobilienunternehmen aus Starnberg. Anhand der Beispiele erkennen Sie wunderbar, wie sehr Farben, Logos, Bilder und Typografie unterschiedliche Atmosphären schaffen – und wie durch Zauberhand genau das Image transportieren, das die Firmen darstellen möchten: Viel Weiß, Pastell-Töne, rund eingefasste Bilder, Fotos von jungen Leuten und durchgestylte Interieur-Aufnahmen von STUDI IMMOS, sagen etwas völlig anderes aus, als die dunklen Farben, die gewichtig wirkenden Schriften mit Serifen, die Aufnahmen von puristischen Konferenzräumen und Personen im Business-Look des Starnberger Unternehmens. Lassen Sie sich gerne auch für Ihre eigene Website von unseren Beispielen inspirieren!
„Egal für welches Design man sich am Ende entscheidet, es sollte vor allem authentisch sein und zu Ihnen passen.“
Stefanie Mayer, Grafikerin aus Hamburg
Jetzt haben wir Ihnen alle Tipps und Tricks verraten, die ein Grafiker bei der Website-Gestaltung beherzigt. Sie zählen also zu den Eingeweihten und können loslegen. Denken Sie daran, erinnert Stefanie noch kurz zum Schluss des Interviews: „Egal für welches Design man sich am Ende entscheidet, es sollte vor allem authentisch sein und zu Ihnen passen.“ In der Immobilienbranche ist es so wichtig, Kunden ein positives Gefühl zu vermitteln, Vertrauen aufzubauen und sympathisch rüberzukommen. Versuchen Sie das durch die oben genannten Mittel auf Ihrer Website zu realisieren. Damit am Ende Sie kontaktiert werden. In diesem Sinne: Viel Spaß und Erfolg beim Kreieren Ihrer bestimmt großartigen Website.
Wer ist Stefanie Mayer?
Stefanie Mayer ist gelernte Mediengestalterin und arbeitet als Grafikerin in Hamburg. Ihre Kreativität zeigt sich auch in ihrer Leidenschaft für Fotografie: seit vier Jahren begeistert sie Familien mit ihrer Fähigkeit, die Liebe in ihren Bildern sichtbar zu machen. Auch in Sachen Immobilien ist Stefanie in und um Hamburg immer wieder mit ihrer Kamera unterwegs.
Nützliche Links:
WEBSITE
So gehen Sie das Projekt Website richtig an
In einer mehrteiligen Artikel-Serie zeigen wir, warum ein Webauftritt für Sie als Makler unverzichtbar ist und führen Sie Schritt für Schritt durch die relevantesten Bausteine des Website-Projektes – von der Planung bis hin zu Text, Design, Content und mehr.
Antonella ist freie Kreativ-Direktorin und Texterin aus Hamburg mit Schwerpunkt Immobilien-Marketing. Renommierte Makler, Projektentwickler und Unternehmen aus der Branche zählen zu ihren Kunden, für die sie mit ihrem erfahrenen Team überzeugende Konzepte und Kreationen rund ums Thema Immobilien entwickelt.
Header Bildrechte: Foto von Damian Patkowski von Unsplash
Foto von Jess Bailey Designs von Pexels
Photo by Dane Deaner on Unsplash
Foto von Ivan Samkov von Pexels