Das könnte dich auch interessieren

Du hast deinen AdBlocker an?

Es wäre ein Traum, wenn du ihn für t3n.de deaktivierst. Wir zeigen dir gerne, wie das geht. Und natürlich erklären wir dir auch, warum uns das so wichtig ist. Digitales High-five, deine t3n-Redaktion

Design

Single Page Webdesign: 20 sehenswerte Beispiele

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

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 liegt wieder im Trend

Natürlich lässt sich ein Single Page Webdesign 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

http://t3n.de/news/wp-content/uploads/2011/07/SinglePageWebdesign_2-595x292.jpg

1 von 19

http://t3n.de/news/wp-content/uploads/2011/07/SinglePageWebdesign_3-595x372.jpg

2 von 19

http://t3n.de/news/wp-content/uploads/2011/07/SinglePageWebdesign_4-595x392.jpg

3 von 19

Weiterführende Links zum Single Page Webdesign:

Finde einen Job, den du liebst zum Thema Webdesign, Mediengestalter

15 Reaktionen
Walter Schoendorf
Walter Schoendorf
26.07.2011, 15:26 Uhr

...und noch ein Beispiel aus unserem Stall:

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

Antworten

mangoo
mangoo
26.07.2011, 16:51 Uhr

@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
Walter Schoendorf
26.07.2011, 17:07 Uhr

@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
felix
26.07.2011, 17:16 Uhr

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

Antworten

Anton Korzhuk
Anton Korzhuk
26.07.2011, 19:03 Uhr

thanks for listing my site :D

Antworten

Tanja Handl
Tanja Handl
27.07.2011, 11:46 Uhr

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

Antworten

sven.jaeger
sven.jaeger
01.08.2011, 09:34 Uhr

Meine neue Seite habe ich ebenfalls als SinglePage angelegt:

Antworten

sven.jaeger
sven.jaeger
01.08.2011, 09:35 Uhr

Und hier der Link: www.sven-jaeger.de

Antworten

Walter Schoendorf
Walter Schoendorf
01.09.2011, 10:29 Uhr

@mangoo

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

Antworten

typoheads
typoheads
10.08.2012, 15:25 Uhr

In eigener Sache ;-)
http://www.typoheads.at

Antworten

BenSchmidt
BenSchmidt
05.12.2013, 12:27 Uhr

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

Antworten

roger.taiber
roger.taiber
02.02.2014, 13:43 Uhr

Da wir selbst eine Single Page haben, surfte ich gerade nach neuen Beispielen. Bei unserer Single Page 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
Steve78
15.10.2014, 23:07 Uhr

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
Kleinheinz
25.07.2015, 18:02 Uhr

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
marlonb
12.10.2015, 16:23 Uhr

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

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

Abbrechen