Die wichtigsten Website-Typen und wie du sie am besten einsetzt

Zuletzt aktualisiert: 16.04.2023
Corporate Website, Shop, Portfolio. Startseite, Kontaktseite und Artikelseite – dieser Artikel erklärt die einzelnen Website-Typen und Seitentypen.
4.8
(69)

Als Webdesigner solltest du genau wissen, welcher Website-Typ sich am besten für deine Kunden eignet. Aber auch als Selbstständiger oder kleines Unternehmen ist es hilfreich, die wichtigsten Website-Typen zu kennen und diese strategisch einsetzen zu können.

In diesem Artikel erfährst du, welche Website-Arten und Seitentypen es gibt, welche Bedeutung sie für dich haben und wann du welchen Website-Typen am besten einsetzt.

Diese Website-Typen solltest du kennen

Ob Verkauf, Marketing oder Informationsvermittlung – nicht jeder Website-Typ eignet sich für jedes Projekt. Um mit dem passenden Format den maximalen Erfolg aus deinem nächsten Website-Projekt herauszuholen, solltest du die folgenden Website-Typen und ihren Nutzen kennen.

Corporate Website für einen gelungenen Unternehmensauftritt

Auf einer Corporate Website stellst du dich oder dein Unternehmen vor und bietest dem User eine Möglichkeit, mit dir in Kontakt zu treten. Dieser Website-Typ ist Teil deiner Corporate Identity. Du kannst die Corporate Website entweder als deine digitale Visitenkarte verwenden oder du nutzt sie, um dein Team, Angebot und News rund um dein Unternehmen vorzustellen.

Für wen eignet sich eine Corporate Website?
Unternehmen und Selbstständige

Einsatzzweck:
Onlinemarketing, Außendarstellung, Markenauftritt

Inhalte:
Informationen zum Unternehmen und Angebot, Kontaktmöglichkeiten

Website Typen: Corporate Websites
Website Typen: Beispiele für Corporate Websites

Landingpage als Teil einer wirksamen Verkaufsstrategie

Eine Landingpage wird häufig als Verkaufsseite bezeichnet. Sie fokussiert sich auf ein Ziel: Das kann der Vertrieb eines neuen Angebots, der Aufbau einer Newsletter-Liste oder die Anmeldung für einen Kurs sein. Häufig gelangen die Nutzer über Werbeanzeigen auf die Landingpage. Wichtig für deine Landingpage: Vermeide Ablenkung. Im Gegensatz zu einer Website besitzt eine Landingpage kein Menü und leitet nicht auf andere Seiten weiter. Ziel ist, dass der Nutzer die Landingpage möglichst linear durchscrollt und am Ende die gewünschte Handlung ausführt.

Für wen eignet sich eine Landingpage?
Unternehmen und Selbstständige, die Leistungen oder Produkte verkaufen möchten

Einsatzzweck:
Verkauf, Marketing

Inhalte:
umfangreiche Inhalte zu einem Angebot, Vorteile und Kaufgründe, Erfahrungsberichte bestehender Kunden, ein klarer und zielgerichteter Call to Action

Website Typen: Landingpages
Website Typen: Beispiele für Landingpages

Microsite zu einem konkreten Thema

Die Microsite ist eine kleinere Form der Corporate Website. Sie dient der Information zu einem konkreten Thema – häufig werden die Inhalte auf unterhaltsame, auffällige Weise dargestellt. Kennzeichnend sind prägnante und ausgefallene Designs. Eine Microsite macht ihrem Namen alle Ehre: Sie beschränkt sich oft auf nur eine oder sehr wenige einzelne Unterseiten.

Für wen eignet sich eine Microsite?
Unternehmen, Selbstständige, Agenturen

Einsatzzweck:
Informationsseite zu einem konkreten Angebot oder Thema

Inhalte:
ein klar abgegrenztes Thema und dazu passende Texte, Bilder, Animationen und Interaktionsmöglichkeiten

Portfolio-Website zur Präsentation deiner Arbeiten

Auf einer Portfolio-Website zeigst du dein Können: Hier bindest du meist visuelle Inhalte und Texte über deine vergangenen Projekte ein. Deshalb wird die Portfolio-Website gerne von Kreativen und Künstlern genutzt. Dadurch, dass du deine Arbeiten digital präsentierst, werden neue Kunden auf dich aufmerksam und bekommen direkt einen guten Einblick in deine Arbeitsweise.

Für wen eignet sich eine Portfolio-Website?
kreative Dienstleister, zum Beispiel Künstler, Designer, Architekten

Einsatzzweck:
Präsentation eigener Arbeitsproben

Inhalte:
Informationen zu erfolgreich abgeschlossenen Projekten, meist mit visuellen Inhalten oder Vorher-Nachher-Bildern

Website Typen: Portfolios
Website Typen: Beispiele für Portfolios

Nischenwebsite für den Verkauf einer Produktgruppe

Bei einer Nischenwebsite handelt es sich um eine spezielle Form der Affiliate-Website. Sie dient demnach vor allem dem Verkauf. Der Aufwand zur Erstellung einer Nischenwebsite ist relativ gering, da sie in den meisten Fällen nur wenige Unterseiten umfasst. Dafür sind die Inhalte auf den einzelnen Seiten umso komplexer und drehen sich – wie der Name schon vermuten lässt – um eine Nische. Das kann eine Informationswebsite zu einem Angebot, Produkt oder einer Dienstleistung sein.

Für wen eignet sich eine Nischenwebsite?
Affiliates, Unternehmen, Selbstständige

Einsatzzweck:
Werbung und Verkauf

Inhalte:
umfangreiche Informationen zu einer Produktgruppe in Form von Texten und Bildern, Bewertungen/Erfahrungsberichte zum Produkt

Website Typen: Nischenseiten
Website Typen: Beispiele für Nischenseiten

E-Commerce-Website – das Zuhause deiner Produkte

Die E-Commerce-Website ist besser bekannt als Onlineshop. Wer mehrere Produkte anbietet, kann seine Artikel hier einstellen und verkaufen. Gerade für große Anbieter lohnt sich ein eigener Onlineshop, da der direkte Vertrieb über die eigene E-Commerce-Website meist höhere Gewinne ermöglicht. User können die gewünschten Artikel normalerweise in einen Warenkorb legen und die Bestellung direkt über den Onlineshop abschließen.

Für wen eignet sich eine E-Commerce-Website?
Unternehmen, lokale Geschäfte, Produkthersteller

Einsatzzweck:
Vertrieb eigener Produkte

Inhalte:
Produktseiten mit Informationen und Bildern zum Artikel sowie zu den Lieferzeiten und Versand- sowie Bezahlmethoden, Informationen über das Unternehmen

Website Typen: Online-Shops
Website Typen: Beispiele für Online-Shops

E-Learning-Website für deine Onlinekurse

Auf einer E-Learning-Website dreht sich alles um Lerninhalte. Das können Onlinekurse, Workshops oder Webinare sein, die entweder zeitunabhängig konsumiert werden können oder zu bestimmten Zeiten in Form eines Live-Trainings stattfinden. Für die E-Learning-Website erhält jeder Teilnehmer einen eigenen Login und damit Zugriff auf alle Onlinekurse, die er gekauft hat oder an denen er teilnimmt. Immer mehr Schulen ergänzen den Präsenzunterricht mit E-Learning-Methoden und kreieren dafür eine eigene Plattform. Aber auch viele Selbstständige, die Gruppen- und Selbstlernkurse anbieten, setzen auf diese Möglichkeit.

Für wen eignet sich eine E-Learning-Website?
öffentliche Einrichtungen, Akademien, Onlinekurs-Anbieter, Fernuniversitäten, Selbstständige

Einsatzzweck:
Wissensvermittlung

Inhalte:
Onlinekurse, Webinare oder Workshops, die meist als Videos hochgeladen und oft mit Textdokumenten, PDFs und anderen Dateien ergänzt werden, ggf. Chat- und Kontaktmöglichkeiten

Website Typen: E-Learning-Plattform
Website Typen: Beispiele für E-Learning-Plattformen

Blog – deine professionelle Wissensdatenbank

Auf einem Blog veröffentlichst du regelmäßig Artikel rund um dein Expertengebiet. Die ersten Blogs glichen eher digitalen Tagebüchern, in denen Blogger Einblicke in ihren Alltag gewährt haben. Inzwischen werden Blogs von Unternehmen für den Ausbau ihrer Reichweite betrieben. Wichtig für einen Blog: Aktualität. Deshalb solltest du die Artikel regelmäßig auf den neuesten Stand bringen, wenn es zum Beispiel Neuerungen in deiner Branche gibt.

Für wen eignet sich ein Blog?
Unternehmen, Selbstständige, Personen des öffentlichen Lebens, Blogger

Einsatzzweck:
Wissensvermittlung, Unterhaltung, Positionierung als Experte

Inhalte:
umfangreiche Expertenartikel zu deinem Fachgebiet bestehend aus Texten, Bildern oder Videos

Website Typen: Blogs
Website Typen: Beispiele für Blogs

Nachrichten-Website mit hohem Informationsgehalt

Auf einer Nachrichten-Website werden entweder allgemeine Nachrichten oder News aus einer bestimmten Branche oder zu einem bestimmten Thema veröffentlicht. News-Portale sind meist sehr umfangreich, da täglich neue Nachrichten ergänzt werden. Die aktuellsten Nachrichten sind häufig auf der Startseite zu finden und die Nachrichten-Website unterteilt sich in mehrere, thematisch getrennte Sektionen.

Für wen eignet sich eine Nachrichten-Website?
Journalisten, Zeitungen, Personen mit Zugang zu verlässlichen News-Quellen

Einsatzzweck:
Information über das Tagesgeschehen oder über aktuelle Trends und Neuerungen in einer bestimmten Branche

Inhalte:
mehrere kompakte Artikel pro Tag, bestehend aus Texten und passenden Fotos

Website Typen: Nachrichten Websites
Website Typen: Beispiele für Nachrichten-Websites

Service-Website mit hilfreichen Funktionen

Eine Service-Website beinhaltet keine klassischen, informativen Inhalte, sondern erfüllt meist eine bestimmte Funktion. Das kann ein Formular zur Buchung oder Reklamation sein oder ein Service für die Online-Buchhaltung. Auf einer Service-Website steht Funktionalität im Fokus, weshalb sie gestalterisch recht simpel gehalten ist. Viele Anbieter stellen Service-Websites zur Verfügung, um die Kundenzufriedenheit positiv zu beeinflussen. Online-Services können aber auch für sich stehen und über Werbung finanziert werden.

Für wen eignet sich eine Service-Website?
Unternehmen, Anbieter von Online-Services

Einsatzzweck:
zur Verwirklichung eines Angebots, das Käufer online nutzen können

Inhalte:
eine oder mehrere Funktionen, die online angeboten werden, meist recht wenig Inhalt

Forum für den Aufbau einer Community

Foren kennen wir noch von früher, als es noch keine sozialen Netzwerke, wie Facebook & Co., gab. In einem Forum findet ein Austausch zu meist einem Thema statt. Die Community-Website selbst hat häufig gar nicht so viele eigene Inhalte, da der Content von den Nutzern kommt. Diese haben nämlich die Möglichkeit, Fragen zu stellen, Erfahrungen zu teilen und Inhalte zu veröffentlichen.

Für wen eignet sich ein Forum?
Experten einer Branche, Unternehmen, die eine Community aufbauen möchten

Einsatzzweck:
Aufbau einer Community und Austausch

Inhalte:
einzelne Threads zu jeweils einem Thema, die Inhalte kommen meist von den Nutzern selbst

Website Typen: Foren
Website Typen: Beispiele für Foren

Diese Unterseiten benötigst du auf deiner Website

Hast du dich schon einmal gefragt, welche Unterseiten du wirklich auf deiner Website benötigst?

Es gibt zahlreiche Möglichkeiten, wie du deinen Nutzern Inhalte bereitstellen kannst. Zunächst ist wichtig, dass du die Erwartungen und Bedürfnisse deiner User kennst – denn nur so kannst du diese erfüllen. Die wichtigsten Seitentypen für deine Website und ihren Nutzen erkläre ich dir hier.

Startseite

Deine Startseite bzw. Homepage ist die wohl wichtigste Seite auf deiner Website. Die meisten User starten hier oder werfen zumindest einen Blick auf diese Seite. Von deiner Startseite aus können sie auf alle weiteren Unterseiten navigieren. Auf deiner Startseite sollte der Nutzer direkt einen Eindruck davon bekommen, was ihn auf der Website erwartet und um was es geht. Um Vertrauen aufzubauen, kannst du dich hier bereits kurz vorstellen. Damit der User weiß, ob deine Inhalte für ihn interessant sind, kannst du deine Angebote nennen.

Deine Startseite sollte folgende Punkte erfüllen:

  • intuitive Struktur und gute Lesbarkeit
  • ansprechendes und funktionales Design
  • Emotionen und Vertrauen wecken
  • Interesse wecken mit spannenden Überschriften
  • einen Überblick über den Inhalt deiner Website geben
  • Kontaktmöglichkeiten aufzeigen
  • ein klarer, direkter Call to Action
Website-Seitentypen: Startseite
Seitentypen: Beispiele für Startseiten

Über-mich-Seite

Wenn Menschen ein Unternehmen oder eine Marke noch nicht kennen, informieren sie sich vor ihrem ersten Kauf gerne darüber, wer denn eigentlich dahintersteckt.

Deshalb solltest du die Wirkung einer Über-mich-Seite nicht unterschätzen.

Hier kann sich der User schnell über dich und dein Unternehmen informieren und eine persönliche Verbindung aufbauen. Du kannst nicht nur deine eigene Geschichte einbauen, sondern wichtige Werte und Besonderheiten deiner Marke kommunizieren.

Website-Seitentypen: Über mich-seite
Seitentypen: Beispiele für Über mich-Seiten

Portfolio-/Projekteseite

Auf einer Portfolio-Seite kannst du Eindrücke vergangener Projekte einbinden und deine Referenzen darstellen. Diese Unterseite schafft Vertrauen bei den Nutzern, da sie sehen, dass du bereits einige Projekte erfolgreich abgeschlossen hast. Interessenten können sich außerdem direkt einen Eindruck von deinem Arbeitsstil verschaffen.

Eine Portfolio-Seite ist fast schon ein Muss für alle Kreativen, Künstler oder Anbieter von handgemachten Produkten. Halte die Projekte auf deiner Portfolio-Website immer aktuell und entferne Arbeiten, die nicht mehr deinen derzeitigen Arbeitsstil widerspiegeln.

Portfolio-Websites im Überblick

Website-Seitentypen: Portfolio-Seite
Seitentypen: Beispiele für Portfolio-Seiten

Produktseite

Die Produktseite ist typischerweise in Onlineshops zuhause und umfasst alle relevanten Informationen zu einem Produkt. Interessant für den Nutzer sind nicht nur die Produkttexte, sondern vor allem hochauflösende Fotos, die den Artikel aus verschiedenen Perspektiven zeigen.

Weitere Inhalte, mit denen du deine Käufer überzeugen kannst:

  • Bewertungen
  • Versandinformationen
  • Bezahlmethoden
  • Anwendungsbeispiele
  • technische Angaben
  • Preis

Damit der Nutzer das Produkt in den Warenkorb legt oder direkt kauft, sollte der Call-to-Action-Button so gestaltet sein, dass er sofort ins Auge sticht.

Website-Seitentypen: Produktseite
Seitentypen: Beispiele für Produktseiten

Angebotsseite

Die meisten Dienstleister nutzen eine oder mehrere Angebotsseiten, um ihre einzelnen Dienstleistungen vorzustellen. Dadurch weiß der User direkt, in welchen Bereichen du deine Dienstleistungen anbietest und welche Schwerpunkte du bei deinem Angebot setzt. Auf der Angebotsseite kannst du deine Pakete vorstellen und Preise dafür nennen.

Kommuniziere die Punkte, die wichtig sind: Wo steht dein Wunschkunde gerade? Wobei unterstützt du ihn? Welches Ziel erreicht er mit deiner Hilfe? Damit der User einen guten Zugang zu den Informationen erhält, solltest du die Inhalte so übersichtlich wie möglich darstellen. Dafür kannst du Auflistungen, Graphiken oder persönliche Bilder nutzen.

Website-Seitentypen: Angebotsseite
Seitentypen: Beispiele für Angebotsseiten

Kontaktseite

Eine Kontaktseite ist meist ganz einfach gehalten und besitzt nur wenig Inhalt. Trotzdem ist sie wichtig für deine Website: Sie bietet deinem Nutzer eine Möglichkeit, Kontakt zu dir aufzunehmen. Deine Kontaktseite sollte schnell laden und funktionell sein. Setze deshalb auf ein aufgeräumtes, simples Design. Meistens findet der Nutzer hier ein Kontaktformular oder Informationen, wie er das Team oder eine bestimmte Person kontaktieren kann.

Website-Seitentypen: Kontaktseite
Seitentypen: Beispiele für Kontaktseiten

404-Seite

Jede Website verfügt über eine 404-Seite. Wenn du diese nicht selbst anlegst, generiert das System selbst eine, sobald der Nutzer auf eine Seite navigieren möchte, die es so nicht (mehr) gibt. Da das Ziel ist, den Nutzer trotzdem weiterhin auf der Website zu halten, lohnt es sich, die 404-Seite beim Webdesign zu berücksichtigen. So wird dem Nutzer zwar trotzdem eine Fehlerseite angezeigt, er fühlt sich aber weiterhin sicher auf deiner Website und weiß, was er als nächstes tun kann. Verleihe deiner 404-Seite ein ansprechendes Design und zeige dem User die Möglichkeiten für seine nächsten Schritte auf.

Blogseite

Auf einer Blogseite stellst du deine Artikel zu unterschiedlichen Themen vor. Von hier aus kann der Nutzer zu den Inhalten navigieren, die ihn am meisten interessieren. Je nach Umfang des Blogs kann eine Blogseite recht unübersichtlich sein.

Um dem entgegenzuwirken, kannst du die Artikel in einzelne Themenbereiche unterteilen und die verschiedenen Kategorien auf deiner Blogseite darstellen. Die einzelnen Artikel auf der Blogseite kannst du zum Beispiel chronologisch anordnen, sodass der aktuellste Beitrag immer oben erscheint. Pro Artikel kannst du nicht nur die Beitragsüberschrift, sondern einen kurzen Teaser einbauen, damit der Nutzer weiß, ob dieser Blogbeitrag interessant für ihn ist.

Website-Seitentypen: Blogseite
Seitentypen: Beispiele für Blogseiten

Artikelseite

Auf den jeweiligen Artikelseiten deines Blogs stellst du nun die ausführlichen Blogbeiträge vor. Hier baust du den Text ein und ergänzt ihn mit Fotos, Graphiken oder Videos. Weil Blogartikel häufig aus größeren Textblöcken bestehen, solltest du die klassische Blickrichtung deiner Nutzer beachten und ihnen durch Hervorhebungen oder Fettungen einen zweiten Leseweg bieten.

Die meisten User werden deine Artikelseite eher überfliegen, als den Blogbeitrag wirklich Wort für Wort durchzulesen. Füge interessante Zwischenüberschriften ein, die du farbig hervorhebst. Generell sollten die Überschriften sich visuell gut vom restlichen Content abheben.

Website-Seitentypen: Artikelseite
Seitentypen: Beispiele für Artikelseiten

Suchseite

Nachdem du deine Suchanfrage auf einer Website eingegeben hast, erscheinen auf einer Suchseite alle dazu passenden Suchergebnisse. In den meisten Fällen kannst du dann auf die einzelnen Suchergebnisse klicken und wirst auf die entsprechende Unterseite weitergeleitet. Eine Suchseite findest du meistens auf komplexen Blogs oder Onlineshops, die mehrere Artikel eingebunden haben.

Website-Seitentypen: Suchseite
Seitentypen: Beispiele für Suchseiten

Welcher Website-Typ eignet sich denn nun am besten für mich?

Ein gelungenes Webdesign geht weit über Ästhetik und Optik hinaus. Dahinter stecken jede Menge Strategie und ein klarer Fokus auf die Bedürfnisse der Zielgruppe. Bevor du dich auf einen Website-Typen festlegst, solltest du dir Gedanken darüber machen, welches Ziel du damit verfolgst. Unterscheide zum Beispiel zwischen Verkauf, Marketing und Wissensvermittlung. So findest du heraus, welches Format am besten für deine Unternehmensziele und deine Zielgruppe funktioniert.

Welche Website-Typen setzt du bereits ein? Welcher Seitentyp eignet sich für dein nächstes Projekt? Schreibe es uns in die Kommentare.

Bewertungsergebnis: 4.8 / 5. | Anzahl der Bewertungen: 69

Über 8.500 sind schon dabei:

Exklusive Webdesign-Inhalte

Kostenfreie Templates + regelmäßig Webdesign-Links & -tipps

Deine Daten sind sicher. Mehr Infos: Beispiele, Datenschutz, Analyse und Widerruf

Optimiere Websites und
deinen Webdesign-Workflow:

Über den Autor

Martin Hahn ist Webdesigner, Dozent, Fachbuchautor und dreifacher Papa. Seit vielen Jahren hilft er anderen effektivere Webdesigns zu erstellen – in Schulungen und mit Artikeln auf dieser Website.

Mehr über diese Website und den Autor erfahren   →

Die Inhalte des Webdesign Journals wurden mit Sorgfalt, Engagement und Liebe erstellt – so auch dieser Artikel. Wenn du Ergänzungen oder Anmerkungen hast, kannst du dich gerne bei mir melden. Ebenso wenn du Ideen oder Wünsche für weitere Themen hast.

Wenn du Ausschnitte oder Zitate in wissenschaftlichen Arbeiten zitieren möchtest, kann du dies gerne machen. Was gar nicht geht: Inhalte klauen oder kopieren! Sollte aber selbstverständlich sein…

Nach oben scrollen

Über 8.500 sind schon dabei!

Exklusive Webdesign-Inhalte

Bleibe up to date mit den kostenlosen Templates und den wöchentlichen Links & Tipps: