{"id":1553,"date":"2021-01-21T10:49:39","date_gmt":"2021-01-21T09:49:39","guid":{"rendered":"https:\/\/blog.forty-four.de\/?p=1553"},"modified":"2021-04-09T11:25:30","modified_gmt":"2021-04-09T09:25:30","slug":"webdesign","status":"publish","type":"post","link":"https:\/\/www.forty-four.de\/blog\/webdesign\/","title":{"rendered":"Was macht gutes Webdesign aus? 7 Tipps f\u00fcr gelungene Websites"},"content":{"rendered":"Lesedauer<\/span> 7<\/span> Minuten<\/span><\/span>\n

Fast jedes Unternehmen hat 2021 eine eigene Website. Kein Wunder, ist sie doch der perfekte Anlaufpunkt f\u00fcr Kundschaft und die ideale M\u00f6glichkeit, die eigene Marke zu pr\u00e4sentieren. Doch bei der Gestaltung, dem Webdesign, gibt es gravierende Unterschiede \u2013 die entscheidend den Erfolg beeinflussen.<\/p>\n\n\n\n

Von fehlerbehafteten Designs \u00fcber un\u00fcbersichtliche Gestaltung bis hin zu v\u00f6llig aus der Zeit gefallenen Darstellungen ist die m\u00f6gliche M\u00e4ngelliste sehr lang. Das wirft die Frage auf, worauf es bei gutem Webdesign ankommt? Wir geben Ihnen 7 wertvolle Tipps und helfen Ihnen dabei, den passenden Dienstleister f\u00fcr Ihr n\u00e4chstes Web-Projekt zu w\u00e4hlen!<\/p>\n\n\n\n

Was ist Webdesign? Eine kurze Definition<\/h2>\n\n\n\n

Der Begriff Webdesign bezeichnet ein Arbeitsfeld, das sich mit der Erstellung von Websites besch\u00e4ftigt. Dabei stehen optische Aspekte ebenso im Fokus wie die Funktion und Struktur. Kurzum: Webdesignerinnen und -designer bestimmen \u00fcber die Gestaltung von allem, was Besucherinnen und Besucher sehen, wenn sie Ihre Website besuchen. <\/p>\n\n\n\n

Sie legen also das Layout fest. Dazu geh\u00f6rt auch die Gestaltung einzelner Content-Elemente (z. B. Tabellen, Akkordeons, Hervorhebungen durch farblichen Hintergrund usw.) und die Darstellung auf unterschiedlichen Endger\u00e4ten. Dementsprechend m\u00fcssen Webdesignerinnen und -designer viel beachten, damit die Website optimal wirkt. <\/p>\n\n\n\n

7 Tipps f\u00fcr gelungenes Webdesign<\/h2>\n\n\n\n
\"Vier<\/a>
Ein Beispiel f\u00fcr Webdesign: die Website des Elektromanagers<\/a>.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

01. Gute WebdesignerInnen stellen die NutzerInnen ins Zentrum<\/h3>\n\n\n\n

Viel zu h\u00e4ufig werden falsche Designentscheidungen gef\u00e4llt, weil leitende Pers\u00f6nlichkeiten auf ihren Geschmack und ihre Ansicht pochen. Das r\u00fchrt aus einem fundamentalen Denkfehler. Denn Sie gestalten Ihre Website nicht f\u00fcr sich. Auch nicht f\u00fcr Ihre Kolleginnen und Kollegen. Jede Website ist ausschlie\u00dflich f\u00fcr die Nutzerinnen und Nutzer gedacht, Ihre Kundschaft. <\/p>\n\n\n\n

Dementsprechend sollte der pers\u00f6nliche Geschmack keine Rolle spielen. Es geht schlicht und einfach darum: Finden Interessierte das, was Sie von Ihnen erwarten auf m\u00f6glichst angenehme und einfache Weise? Gutes Webdesign geht also immer von der Zielgruppe aus. Es analysiert deren Nutzungsgewohnheiten und bereitet Ihre Website so auf, dass sie m\u00f6glichst nutzerfreundlich ist.<\/p>\n\n\n\n

02. Modernes Webdesign ist responsive und denkt mobil first!<\/h3>\n\n\n\n

Inzwischen nutzt ein gro\u00dfer Anteil der Menschen das Internet mobil<\/a>. Nicht ohne Grund hat die gr\u00f6\u00dfte Suchmaschine Google ihren Algorithmus auf eine Mobil-First-Indexierung<\/a> umgestellt. Das bedeutet f\u00fcr Sie: Ihre Website muss mit der Zeit gehen.<\/p>\n\n\n\n

Haben Sie bereits eine bestehende Website? Dann muss das Design unbedingt responsive aufgebaut sein. Das bedeutet, dass es auf die jeweiligen Bildschirmgr\u00f6\u00dfen adaptiert und so optimal dargestellt wird. Planen Sie eine neue Website? Dann denken Sie das Design gleich aus mobiler Richtung und adaptieren dieses mobile Design dann f\u00fcr die Desktop-Variante.<\/p>\n\n\n\n

\"Die<\/a>
Die Website von Emcur<\/a> \u00fcberzeugt mit responsiver Darstellung auf allen Endger\u00e4ten.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Mobiles Design umfasst dabei nicht nur die Gestaltung an sich. Es geht auch um einzelne Content-Elemente, die Sie verwenden. Da Google nur noch die mobile Version Ihrer Website erfasst, werden auch nur die Elemente einbezogen, die mobil gut ausgespielt werden. Dementsprechend hat das richtige Webdesign an dieser Stelle immensen Einfluss auf m\u00f6gliche Rankings. <\/p>\n\n\n\n

03. Websites brauchen klare und einfache Strukturen<\/h3>\n\n\n\n

Es gibt eine simple Faustregel f\u00fcr gelungenes Webdesign:<\/p>\n\n\n\n

Ihre Website sollte so einfach wie m\u00f6glich gestaltet werden.<\/p><\/blockquote>\n\n\n\n

Das bedeutet: Webdesigner d\u00fcrfen sich nicht in grafischen Spielereien verlieren. Nat\u00fcrlich sollte ein gewisser Anspruch an hochwertige Optik bestehen, allerdings ist diese am Ende stets der Einfachheit und Klarheit unterzuordnen.<\/p>\n\n\n\n

\u201eSo einfach wie m\u00f6glich\u201c bedeutet nat\u00fcrlich auch, dass \u2013 wenn es das Unternehmen gebietet \u2013 komplexere Gestaltungen m\u00f6glich sind. So sollte die Website eines Designers durchaus optisch etwas hermachen. Dabei gilt jedoch, dass Design nie blo\u00df ein Selbstzweck ist. Es ist immer Teil Ihrer Kommunikation und sollte dementsprechend zielf\u00fchrend aufbereitet werden.<\/p>\n\n\n\n

04. Eine gute Website muss einheitlich gestaltet sein<\/h3>\n\n\n\n

Hier mal ein anderer Schriftfont, da mal unterschiedliche Bildformate und am Ende auch noch komplett unterschiedlicher Aufbau? Das kann man nat\u00fcrlich so machen. Allerdings f\u00fchrt es dazu, dass die Website mehr wie ein Versuchsfeld und nicht wie eine angemessene Unternehmensdarstellung wirkt. <\/p>\n\n\n\n

F\u00fcr Ihr Webdesign bedeutet das: Sie brauchen klare Gestaltungsrichtlinien, die Sie in einem Styleguide zusammenfassen. Darin wird nun also alles Wissen geb\u00fcndelt, was Ihre Corporate Identity ausmacht und deshalb f\u00fcr die Gestaltung wichtig ist. Idealerweise nutzen Sie diesen Styleguide f\u00fcr s\u00e4mtliche Kommunikations- und Werbemittel, die von Ihrem Unternehmen ver\u00f6ffentlicht werden. Denn so schaffen Sie die gr\u00f6\u00dftm\u00f6gliche Einheitlichkeit in der Au\u00dfendarstellung.<\/p>\n\n\n\n

05. Ihr Webdesign muss zum Unternehmen passen<\/h3>\n\n\n\n
\"Vier<\/a>
Die Website der Debeka BKK<\/a> punktet mit einem klaren, freundlichen Look \u2013 passend zum CI des Unternehmens.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Das Zauberwort f\u00fcr Marketing lautet Authentizit\u00e4t. Jedes Kommunikationsmittel sollte zum Kern Ihres Unternehmens, Ihrer Philosophie und Ihren Werten passen. Denn nur, wenn Sie authentisch kommunizieren, k\u00f6nnen Sie andere Menschen von sich begeistern. <\/p>\n\n\n\n

Das gilt selbstverst\u00e4ndlich auch f\u00fcr Ihre Website. Diese sollte Ihren Arbeitssektor und Ihr Unternehmen optimal widerspiegeln. W\u00fcrden Sie beispielsweise einen Bestatter anfragen, der auf seiner neonbunten Website mit aggressiven St\u00f6rern g\u00fcnstige Preise bewirbt? Sicherlich nicht. Weil das Webdesign einfach nicht zu Ihren Erwartungen von diesem Arbeitsumfeld passt.<\/p>\n\n\n\n

Nat\u00fcrlich k\u00f6nnen Sie sich auf Ihrer Website auch austoben und insgesamt einen gewagten Ansatz verfolgen. Mut wird schlie\u00dflich auch h\u00e4ufig belohnt. Allerdings ist das nur sinnvoll, wenn Ihre gesamte Au\u00dfendarstellung und Kommunikationsstrategie so angelegt ist. Und da sind wir dann wieder bei der Authentizit\u00e4t. <\/p>\n\n\n\n

06. Gutes Webdesign achtet auf SEO-Aspekte<\/h3>\n\n\n\n

Das Thema wurde bereits im zweiten Punkt zum responsive Design angerissen. Jede Website sollte SEO-optimiert sein, um bestm\u00f6gliche Rankings zu erzielen. Dabei wird mit der technischen Umsetzung und dem Design bereits das Fundament gegossen, auf dem der Content dann aufbaut. <\/p>\n\n\n\n

Denn nicht nur die mobile Optimierung ist wichtig. Auch die User Experience an sich gilt seit 2021 als Rankingfaktor<\/a>. Diese wird in den Core Web Vitals zusammengefasst. Kurz gesagt bedeutet dieser Faktor, dass Ihre Website schnell laden, \u00fcber ein stabiles Design verf\u00fcgen und einfach zu bedienen sein sollte. All diese Punkte spielen im Gestaltungsprozess eine Rolle.<\/p>\n\n\n\n

Denn wenn Sie eine aufwendige Startseite mit unz\u00e4hligen Bildgalerien und Videos planen, k\u00f6nnen Sie sich l\u00e4ngerer Ladezeiten im Normalfall gewiss sein. Und wenn Sie diese dadurch kompensieren, dass Elemente nur teilweise geladen werden, verschiebt das wom\u00f6glich das Design und st\u00f6rt die Nutzung.<\/p>\n\n\n\n

Bedenken Sie also unbedingt die SEO-relevanten Aspekte jeder Gestaltungsentscheidung. Denn so schaffen Sie die Basis f\u00fcr erfolgreichen Content. <\/p>\n\n\n\n

07. Ihre Website sollte die Customer Journey ber\u00fccksichtigen<\/h3>\n\n\n\n

Die Customer Journey umfasst den Weg, den Ihre Kundschaft durchl\u00e4uft, bis sie idealerweise Ihr Produkt oder Ihre Dienstleistung kauft. Dieser Vorgang wird in verschiedenen Modellen erfasst. Eines der bekanntesten davon ist das AIDA-Modell, das vier Phasen unterscheidet: <\/p>\n\n\n\n

Attention, Interest, Desire, Action \u2013 Aufmerksamkeit, Interesse, Verlangen, Aktion<\/p>Das AIDA-Modell<\/cite><\/blockquote>\n\n\n\n

Um die vier Phasen abzudecken, kreieren Sie in Ihrem Marketingkonzept verschiedene Ber\u00fchrungspunkte (Touchpoints). Sie schalten z. B. Google Ads f\u00fcr Ihren neuen Wanderschuh. Diese schaffen Aufmerksamkeit. Die dahinter geschaltete Landingpage sch\u00fcrt das Interesse, doch es findet noch kein Kauf statt. Doch die Person recherchiert, st\u00f6\u00dft auf Content-Artikel von Ihnen zum Thema Wanderschuh und wird auch von Retargeting-Ma\u00dfnahmen erfasst. So steigert sich das Verlangen, bis die Person schlie\u00dflich auf der Landingpage die Aktion (Kauf) durchf\u00fchrt. <\/p>\n\n\n\n

Diesen Prozess sollten Sie auch auf Ihrer Website beachten. Die Startseite dient dabei der Aufmerksamkeit, die Unterseiten schaffen Interesse und Verlangen, bis dann m\u00f6glichst einfach die passende Aktion ausf\u00fchrbar ist. Die Customer Journey ist also ein fester Bestandteil des Webdesigns. Mehr dazu erfahren Sie hier.<\/a><\/p>\n\n\n\n

Woran Sie die passende Webdesign-Agentur erkennen<\/h2>\n\n\n\n
\"Ein<\/a>
Ein Beispiel f\u00fcr ein gelungenes Agenturprojekt: Cateringservice Alexander’s<\/a>.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Oftmals greifen Unternehmen f\u00fcr solche Projekte auf externe Expertinnen und Experten zur\u00fcck. Dabei ist die Auswahl riesig. Allein die Suchanfrage \u201eWebdesign Agentur<\/em>\u201c spuckt bei Google gut und gerne 7 Mio. Ergebnisse aus. Selbst lokale Anfragen wie \u201eWebdesigner Koblenz<\/em>\u201c liefern knapp 400.000 M\u00f6glichkeiten. Da ist es nat\u00fcrlich schwierig, den \u00dcberblick zu behalten. Damit Sie stets den richtigen Partner finden, helfen Ihnen diese Fragen:<\/p>\n\n\n\n

  1. Hat sich die Agentur auf den Bereich Online-Marketing\/Websites spezialisiert oder ist es nur ein untergeordnetes Nebengesch\u00e4ft?<\/li>
  2. Gibt es Referenz-Projekte und passen diese grundlegend zu Ihren Vorstellungen?<\/li>
  3. Ist die eigene Website der Agentur angemessen gestaltet? <\/li>
  4. Ist die Agentur in Ihrer N\u00e4he und dadurch besser verf\u00fcgbar oder weit entfernt?<\/li>
  5. Betreut die Agentur Unternehmen Ihrer Gr\u00f6\u00dfe oder spielt sie sonst in einer h\u00f6heren oder niedrigeren Liga?<\/li>
  6. Bespricht sich die Agentur im Vorfeld ausgiebig mit Ihnen?<\/li>
  7. Ist das Angebot ausf\u00fchrlich, transparent und individuell gestaltet oder handelt es sich um eine knappe 08\/15-Variante?<\/li>
  8. M\u00f6chte die Agentur Sie und Ihr Unternehmen wirklich kennenlernen? <\/li>
  9. Interessiert sich die Agentur tats\u00e4chlich f\u00fcr Ihre Zielgruppe? <\/li>
  10. Ber\u00fccksichtigt die Agentur im Prozess die oben genannten Punkte f\u00fcr gutes Webdesign? <\/li><\/ol>\n\n\n\n

    Diese Fragen helfen Ihnen dabei, eine geeignete Agentur zu finden. Denn die ideale Agentur bietet Ihnen Webdesign als erfahrene Leistung an und pr\u00e4sentiert dementsprechend gerne die dazugeh\u00f6rigen Referenz-Projekte. Sie ist mit Kunden Ihrer Gr\u00f6\u00dfe vertraut und m\u00f6glichst in Ihrer Gegend verankert, sodass einer guten Zusammenarbeit nichts im Wege steht. Im weiteren Verlauf nimmt Sie sich viel Zeit f\u00fcr Vorbesprechungen und ist auch im Prozess selbst stets an Ihren individuellen Bed\u00fcrfnissen interessiert \u2013 und spricht passende Empfehlungen aus. <\/p>\n\n\n\n

    \n

    forty-four ist Ihr Webdesigner in Koblenz<\/h3>\n\n\n\n

    Als erfahrene Internetagentur sind wir spezialisiert auf Webdesign<\/a>. Wir gestalten Websites, die nachhaltig begeistern und allen Aspekten des Online-Marketings gerecht werden. Dadurch sind wir die Webdesign-Agentur der Wahl f\u00fcr kleine und mittelst\u00e4ndische Unternehmen im Kreis Koblenz und Rheinland-Pfalz. <\/p>\n\n\n\n

    \u00dcberzeugen Sie sich selbst von unseren ausgew\u00e4hlten Referenz-Projekten<\/a> aus \u00fcber 300 umgesetzten Websites mit verschiedensten Systemen (TYPO3, Contao, WordPress …). Wir finden garantiert auch f\u00fcr Ihr Unternehmen und Ihre Zielgruppe die passende L\u00f6sung. <\/p>\n\n\n\n

    \n
    Jetzt webdesign anfragen!<\/a><\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"

    Bei der Gestaltung einer Website kann viel schief gehen. Wir erkl\u00e4ren Ihnen, was gutes Webdesign ausmacht \u2013 und wie Sie die passende Agentur ausw\u00e4hlen!<\/p>\n","protected":false},"author":9,"featured_media":1584,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[7,3],"tags":[],"class_list":["post-1553","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webseiten","category-online-marketing"],"_links":{"self":[{"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/posts\/1553","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/comments?post=1553"}],"version-history":[{"count":5,"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/posts\/1553\/revisions"}],"predecessor-version":[{"id":2057,"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/posts\/1553\/revisions\/2057"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/media\/1584"}],"wp:attachment":[{"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/media?parent=1553"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/categories?post=1553"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/tags?post=1553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}