10 ausgezeichnete One-Page Design-Vorlagen und Themes für deine Landingpage oder Website

One-Page Seiten sind Websites die hauptsächlich aus einer Seite bestehen und dem User nicht immer durch Klicks sondern durch das Scrollen weitere Inhalte vermitteln. Für Landingpages und Portfolioseiten ideal geeignet! Für euch habe ich zehn kreative One-Page Designbeispiele herausgesucht, die ihr direkt selbst für eure eigenen Projekte verwenden und fertigstellen könnt.

Die folgenden zehn Beispiele sind nicht alles hauptsächlich fertige Vorlagen – es sind teilweise auch nur Snippets mit sehr guten kreativen Ansätzen! Sie bilden eine gesunde Basis und stellen die Funktion einer One-Page Seite in diversen Formen kreativ dar! Es liegt also an Euch, was und in welcher Form ihr aus den vorgestellten One-Page Snippets macht. Die letzten 4 Vorlagen sind alle vollständige Templates zum kostenlosen Download! Viel Spaß beim stöbern!

1. One page website mit Parallax Effekt

Scrolling Effekt mit unterschiedlich schnell animierten Hintergründen (Parallax Scroll Effekt).

one-page-parallax-effect

Code (HTML / CSS / JS) & Demo

 

2. S3 One Page Design

Scrolling Effekt durch Klick in der Navigationsebene.

S3-OnePage-Design

Code und Demo (Umgesetzt mit HTML, CSS und Javaskript)

 

3. One Page Scroller

Scrollen als auch Klicks in der Navigation führen zum selben Ziel der One Page Seite. Die Bilder sind als Platzhalter eingebunden und sollten zwingend durch eigene ersetzt werden.

one-page-portfolio-beispiel

Code und Demo (HTML, CSS, Javaskript)

 

4. One Page Scrolling mit starrem Hintergrund

Starrer Hintergrund mit verschiedenen Inhalten beim Scrollen. Mit rechtsbündiger mobilen Navigation

one-page-scrolling-mit-starrem-hintergrund

Code und Demo (umgesetzt mit HTML, CSS und Javaskript)

 

5. One Page: Kreative Portfolio Seite für Bewerbungen oder Vorstellungen

Ideal für einen Lebenslauf oder ähnliches.

one-page-porfolio-bewerbung-vita

 

6. Komplett kostenlose Trial: Woo One Page Template

Zur Abwechslung mal ein fertiges One Page Template im Responsive Design zum kostenlosen Download. Bitte beachtet die Lizenzbestimmungen.

woo-one-page-template-kostenlos

 

Demo und Download

 

7. Bootstrap One Page / Single Page Template: Sprint

Auf Basis des beliebten Bootstrap Frameworks ist dieses hübsche und einfach gehaltene One-Page Template entstanden. Das Template ist kostenlos!

sprint-one-page-bootstrap-template

Demo und Download

 

8. Karma: One Page Bootstrap Template mit Parallax Effekt

Eines meiner Favouriten aus dieser Liste ist dieses wunderbare Template mit Parallax Effekt. Es basiert ebenfalls auf Bootstrap und ist auch kostenlos!

karma-responsive-one-page-template-kostenlos-bootstrap

Demo und kostenloser Download

 

9. Flex: Vollwertiges One Page Design Template

Sehr schönes und kostenloses One Page Design Template

flex-one-page-design-template-kostenlos

Demo und Download

 

10. Amoeba Bootstrap One Page Template

Schönes und ebenfalls kostenloses Bootstrap One Page Template im Responsive Design

amoeba-boostrap-one-page-template

Demo und Download sowie mehr Infos

 

Wer Fragen hat und teilweise die Download-Info nicht findet, der kann mir eine Nachricht in den Kommentaren hinterlassen. Ich schaue gerne nochmal nach. Ansonsten wünsche ich viel Spaß beim ausprobieren dieser tollen und kreativen One-Page Beispiele!

laith

laith

Laith ist Autor bei Augenschnapper, Inhaber der Webagentur qlixx.net und hauptberuflicher Mediendesigner.

Siehe auch...

2 Responses

  1. Eine Landing Page ist das, was wir jetzt brauchen. Es ist ein langes Suchen um Design
    zu haben und kostengünstig zu sein.

    Gruss

    Stephen

  2. … es geht voran …

    http://www.schmuckonline24.de „Schmuck Online“

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.