Anzeige
Anzeige
Listicle
Artikel merken

Single-Page-Webdesign: 25 sehenswerte Beispiele

Alles, aber kein typisches Format: Diese Single-Page-Websites lassen klassische Layouts und Strukturen alt aussehen.

Von Jessy Kösterke
1 Min. Lesezeit
Anzeige
Anzeige

Single-Page-Websites im Überblick. (Screenshot: Heart Kids)


Wer eine überschaubare Menge an Informationen auf seiner Website unterbringen möchte, sollte vielleicht darüber nachdenken, sie einfach auf ein Single-Page-Design zu verteilen und damit auf weitere Unterseiten zu verzichten. Das bietet gleich mehrere Vorteile: Zum einen muss der Besucher nicht lange herumklicken und kann sich auf die wichtigsten Informationen konzentrieren. Zum anderen ist diese Art von Interface auf mobilen Geräten einfacher zu bedienen, da sie die herkömmliche und oftmals komplizierte Navigation ablöst.

25 Single-Pages, die im Trend liegen

Ein Single-Page- oder auch One-Page-Design, lässt sich natürlich nicht für jede Website umsetzen. Wer umfangreiche Informationen in verschiedenen Kategorien unterbringen möchte, braucht dafür meist diverse Unterseiten, die über eine vernünftige Navigation erreicht werden können. Wer dagegen eine Geschichte zu erzählen hat, sollte über eine Single-Page-Website nachdenken. Ebenso geeignet ist das Design für Portfolios, Landingpages oder Visitenkarten.

Anzeige
Anzeige

Wir haben in der Galerie 25 sehenswerte Beispiele aus verschiedenen Quellen zusammengetragen. Sie zeigen, was alles möglich ist, auch wenn das Webdesign nur aus einer Einzelseite besteht. Links zu den einzelnen Beispielen findest du in der Bildbeschreibung.

Galerie: 25 Single-Page-Websites

Dieser Artikel ist eine Überarbeitung eines Artikels aus dem Jahr 2011. Autor des Originalartikels ist Falk Hedemann.

Anzeige
Anzeige

Mehr zum Thema: 

Anzeige
Anzeige
Mehr zu diesem Thema
Fast fertig!

Bitte klicke auf den Link in der Bestätigungsmail, um deine Anmeldung abzuschließen.

Du willst noch weitere Infos zum Newsletter? Jetzt mehr erfahren

Anzeige
Anzeige
14 Kommentare
Bitte beachte unsere Community-Richtlinien

Wir freuen uns über kontroverse Diskussionen, die gerne auch mal hitzig geführt werden dürfen. Beleidigende, grob anstößige, rassistische und strafrechtlich relevante Äußerungen und Beiträge tolerieren wir nicht. Bitte achte darauf, dass du keine Texte veröffentlichst, für die du keine ausdrückliche Erlaubnis des Urhebers hast. Ebenfalls nicht erlaubt ist der Missbrauch der Webangebote unter t3n.de als Werbeplattform. Die Nennung von Produktnamen, Herstellern, Dienstleistern und Websites ist nur dann zulässig, wenn damit nicht vorrangig der Zweck der Werbung verfolgt wird. Wir behalten uns vor, Beiträge, die diese Regeln verletzen, zu löschen und Accounts zeitweilig oder auf Dauer zu sperren.

Trotz all dieser notwendigen Regeln: Diskutiere kontrovers, sage anderen deine Meinung, trage mit weiterführenden Informationen zum Wissensaustausch bei, aber bleibe dabei fair und respektiere die Meinung anderer. Wir wünschen Dir viel Spaß mit den Webangeboten von t3n und freuen uns auf spannende Beiträge.

Dein t3n-Team

Walter Schoendorf

…und noch ein Beispiel aus unserem Stall:

http://www.trade-group.com/

Antworten
mangoo

@Walter Schoendorf
Eure Seite sieht wirklich gut aus, aber so leid es mir tut, sie ist leider nicht vergleichbar mit den anderen, hier gezeigten, Webseiten.

Generell scheint es so, als gäbe es sehr große Design-Unterschiede zu US-Webseiten. Was viele Webdesigner hier aus Deutschland als „Design“ verkaufen, würde mir ehrlich gesagt die Schamesröte ins Gesicht treiben. Das Lustige an der Tatsache ist, dass viele Kunden es sogar so altbacken wollen?! t3n ist meiner Meinung nach ein Vorzeigeobjekt, wenn es um gutaussehendes Webdesign einer Community geht. Aber naja, über Geschmack lässt sich streiten…

Antworten
Walter Schoendorf

@mangoo …das braucht Dir nicht Leid zu tun – wir wollten uns nicht mit den t3n-Beispielen messen – der Artikel hat uns angeregt, weil wir seit längerem an dem Thema arbeiten. Deshalb hier noch ein Beispiel – ein etwas trauriges Beispiel, weil das Tournier mangels Sponsoren dieses Jahr nicht zustande gekommen ist…

http://www.hannover-city-cup.de/

Antworten
felix

oder einfach hier schauen:
http://onepagelove.com/

Antworten
Anton Korzhuk

thanks for listing my site :D

Antworten
Tanja Handl

DesignBeast ist absolut genial – danke für das gelungene Beispiel!

Antworten
Sven Jäger

Meine neue Seite habe ich ebenfalls als SinglePage angelegt:

Antworten
Walter Schoendorf

@mangoo

Wir haben noch mal nachgelegt:
http://www.mein-jahr-in-kairo.de/

Antworten
BenSchmidt

Hi, eine starke Sammlung!
Hier unser Beitrag – Cuckootab theme
http://www.aerotask.de

Antworten
roger.taiber

Da wir selbst eine Single Page haben, surfte ich gerade nach neuen Beispielen. Bei unserer Single Page http://www.taiber-unternehmensberatung.de haben wir vor allem Wert auf den Speed gelegt. Vorgabe war, nicht über 3-4 Sekunden. Denn meiner Meinung nach bringt ja die beste Single Page nichts, wenn diese 10 Sekunden und länger zum Laden braucht.

Eine gute Single Page hat ein tolles Design, kostet keine 2.000 Euro und geht in ein paar Sekunden auf. Wir benutzen die Single Page als Landing Page für Unternehmensberatung. In den Untergruppe leitet diese dann auf die Hauptseite weiter. Eine Single Page zu ranken ist gar nicht so schwierig, wenn man 20 Sekunden zusätzliche Arbeit rein steckt .-)))

Liebe Grüße Roger Taiber

Antworten
Steve78

Ein Versuch ist hier zu finden
itaff.org und thrillandaction.com ebenso ein wenig Mermaid-tirol.at
Soll keine Werbung sein rein Input für Ideen bringen.

Antworten
Kleinheinz

Ich denke man könnte auch diese Website als OnePage bezeichnen. Obwohl sie als Multipage angelegt ist, würde sie locker als OnePpage durchgehen. Das Potenzial ist jeden Fall gegeben. Schaut einfach selbst nach: http://kleinheinz.codes/ :)

Antworten
marlonb

Eine sehr schöne Sammlung! Was bei One-Pagern alles zählt, damit es ein Knaller wird, habe ich in diesem Blog gelesen: http://www.flyacts.com/blog/eine-one-page-website-muss-spass-machen/

Antworten
Abbrechen

Melde dich mit deinem t3n Account an oder fülle die unteren Felder aus.

Bitte schalte deinen Adblocker für t3n.de aus!
Hallo und herzlich willkommen bei t3n!

Bitte schalte deinen Adblocker für t3n.de aus, um diesen Artikel zu lesen.

Wir sind ein unabhängiger Publisher mit einem Team von mehr als 75 fantastischen Menschen, aber ohne riesigen Konzern im Rücken. Banner und ähnliche Werbemittel sind für unsere Finanzierung sehr wichtig.

Schon jetzt und im Namen der gesamten t3n-Crew: vielen Dank für deine Unterstützung! 🙌

Deine t3n-Crew

Anleitung zur Deaktivierung
Artikel merken

Bitte melde dich an, um diesen Artikel in deiner persönlichen Merkliste auf t3n zu speichern.

Jetzt registrieren und merken

Du hast schon einen t3n-Account? Hier anmelden

oder
Auf Mastodon teilen

Gib die URL deiner Mastodon-Instanz ein, um den Artikel zu teilen.

Anzeige
Anzeige