Drücke die Tasten ◄ ► für weitere Artikel  

Single Page Webdesign: 20 sehenswerte Beispiele

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 ein Design mit mehreren Unterseiten zu verzichten. Das hat nicht nur den Vorteil, dass Besucher nicht lange klicken müssen, sondern sorgt gleichzeitig auch für eine Konzentration auf die wichtigsten Informationen. Wir haben 20 sehenswerte Beispiele zur Inspiration zusammengetragen.

Single Page Webdesign: 20 sehenswerte  Beispiele
Die Website von TM design ist mit einer…

Single Page Webdesign liegt wieder im Trend

Natürlich lässt sich ein Single Page 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 nur wenige Informationen unterbringen möchte, zum Beispiel weil die Website eine digitale Visitenkarte darstellen soll, kann oft auf eine durchdachte Navigation über mehrere Seiten verzichten und gleich alle Infos auf der Startseite unterbringen.

Single Page Webdesign muss nicht überfrachtet sein und bietet reichlich Platz für moderne Effekte.

Was zunächst ungewöhnlich klingen mag, liegt aktuell wieder voll im Trend. Und das ist durchaus nachvollziehbar. Für den Webmaster bedeutet das natürlich zunächst ein eher minimalistisches Konzept für das Webdesign. Das hat dann aber auch den Vorteil, dass man sich auf die wirklich wesentlichen Informationen beschränkt und die Website nicht überfrachtet. Besucher, die sich nicht erst durch verschiedene Unterseiten klicken müssen, um die gesuchten Informationen zu finden, werden sich freuen.

Wir haben in der Galerie 20 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 findet ihr in der Bildbeschreibung.

Galerie: 20 Single Page Websites

Weiterführende Links zum Single Page Webdesign:

211 Shares bis jetzt – Dankeschön!

Bewerten
VN:F [1.9.22_1171]
23 Antworten
  1. von Walter Schoendorf am 26.07.2011 (15:26Uhr)

    ...und noch ein Beispiel aus unserem Stall:

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

  2. von mangoo am 26.07.2011 (16:51Uhr)

    @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...

  3. von Walter Schoendorf am 26.07.2011 (17:07Uhr)

    @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/

  4. von felix am 26.07.2011 (17:16Uhr)

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

  5. von Anton Korzhuk am 26.07.2011 (19:03Uhr)

    thanks for listing my site :D

  6. von Contrast Rebellion: Macht eure Texte les… am 27.07.2011 (10:36Uhr)

    [...] gestern hatten wir eine Sammlung zum Thema Single Page Webdesign. Auch die Webdesigner Zoltán Gócza und Richard Gazdik scheinen Fans dieses Trends zu sein, denn [...]

  7. von Contrast Rebellion: Macht eure Texte les… am 27.07.2011 (10:36Uhr)

    [...] gestern hatten wir eine Sammlung zum Thema Single Page Webdesign. Auch die Webdesigner Zoltán Gócza und Richard Gazdik scheinen Fans dieses Trends zu sein, denn [...]

  8. von Tanja Handl am 27.07.2011 (11:46Uhr)

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

  9. von KW30: Steve Jobs Gospel, Linkbuilding-St… am 29.07.2011 (10:34Uhr)

    [...] t3n.de gibt es 20 Beispiele solcher Single Pages. Viel Spaß beim [...]

  10. von sven.jaeger am 01.08.2011 (09:34Uhr)

    Meine neue Seite habe ich ebenfalls als SinglePage angelegt:

  11. von Walter Schoendorf am 01.09.2011 (10:29Uhr)

    @mangoo

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

  12. von Webdesign: Diese Fehler vergrätzen Nutz… am 06.09.2011 (10:20Uhr)

    [...] Single Page Webdesign: 20 sehenswerte Beispiele - t3n News [...]

  13. von Was heißt Single Page? | | Die Design E… am 15.11.2011 (10:06Uhr)

    [...] erleben diese Homepages ein kleines Comeback. Und zwar in Form von Single Pages. Dabei handelt es sich um Internetpräsenzen die nur aus einer Seite bestehen. Dies hat den [...]

  14. von Schöne Portofolios im »Single Page Web… am 18.06.2012 (18:30Uhr)

    [...] Single Page Webdesign: 20 sehenswerte Beispiele 20 Inspiring Examples of Single Page Websites - Web Design Ledger 50 Examples of Modern Single Page Website Designs - 1stwebdesigner 25+ Best Examples of Single Page Website - Best Design Tutorials [...]

  15. von Inspirationen Webdesign – Die Bibl… am 07.09.2012 (17:39Uhr)

    [...] Single Page Webdesign: 20 sehenswerte Beispiele 20 Inspiring Examples of Single Page Websites – Web Design Ledger 50 Examples of Modern Single Page Website Designs – 1stwebdesigner 25+ Best Examples of Single Page Website – Best Design Tutorials [...]

  16. von Webdesign-Trends: 10 Dinge, die uns 2013… am 08.11.2012 (08:26Uhr)

    [...] Wie das aussehen könnte, zeigen wir euch in diesem Artikel. Single Page Webdesign: 20 sehenswerte Beispiele Alle 20 Bilder ► [...]

  17. von One-Page-Design: Webdesign-Trend oder Ni… am 09.06.2013 (11:51Uhr)

    [...] One-Page-Design: 20 sehenswerte Beispiele – t3n News [...]

  18. von Single Page Webdesign: 20 sehenswerte Be… am 28.10.2013 (12:31Uhr)

    […] 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 ein Design mit mehreren Unterseiten zu verzichten.  […]

  19. von BenSchmidt am 05.12.2013 (12:27Uhr)

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

  20. von roger.taiber am 02.02.2014 (13:43Uhr)

    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

  21. von Weblog – das ziemlich unbekannte W… am 14.04.2014 (11:32Uhr)

    […] eine digitale Visitenkarte, ein virtueller Imageprospekt mit beliebig vielen Seiten – wobei das “Single-Page-Webdesign” momentan im Trend liegt, also eine Homepage, wo auf einer einzigen Seite alle relevanten […]

Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema Design
t3n-Aktion: Jahresabo inklusive Fachbuch „Praxiswissen Responsive Webdesign“
t3n-Aktion: Jahresabo inklusive Fachbuch „Praxiswissen Responsive Webdesign“

Möchte man für unterschiedliche Geräte anpassungsfähige Websites erstellen, ist „Responsive Webdesign“ das Stichwort. Um sich damit vertraut zu machen, ist Designern und Entwicklern das Buch.. ... » weiterlesen

Psychologie des Webdesigns: Das Z-Pattern verstehen
Psychologie des Webdesigns: Das Z-Pattern verstehen

Das Z-Pattern ist eines der grundlegenden Konzepte bei der Erstellung von Layouts. Wir verraten dir, was sich hinter dem Muster verbirgt und was du bei der Umsetzung beachten musst. » weiterlesen

Psychologie des Webdesigns: Wie du Nutzer mit dem F-Pattern durch deine Webprojekte leitest
Psychologie des Webdesigns: Wie du Nutzer mit dem F-Pattern durch deine Webprojekte leitest

Das F-Pattern ist eines der grundlegenden Konzepte zur Erstellung von Layouts. Wir verraten dir, was sich hinter dem Muster verbirgt und was du bei der Umsetzung beachten musst. » weiterlesen

Kennst Du schon unser t3n Magazin?

t3n-Newsletter
Top-Themen der Woche für Web-Pioniere
Jetzt kostenlos
anmelden
Diesen Hinweis verbergen