Onepage Website mit Jimdo

und Parallax-Script



Vor- und Nachteile der "One Pager"

One page Websites sind nach wie vor beliebt. Der Vorteil ist, dass die Inhalte für BesucherInnen übersichtlich präsentiert werden und sie sich nicht durch viele Seiten zappen müssen.

Falls man in den Suchmaschinen mit verschiedenen Keywords ranken möchte, ist ein "One Pager" jedoch nicht geeignet.

Bei Designs mit einem ganzseitigen bunten Hintergrundbild ist die Herausforderung, dass der Text gut lesbar ist. Hier stehen verschiedene Lösungen bereit: entweder legt man einen Filter über das ganze Bild (siehe folgende Muster-Seiten) oder man hinterlegt die Textfelder zur besseren Lesbarkeit zusätzlich mit einer Hintergrundfarbe (wie z.B. auf Hirschfrau's Website) oder man ergänzt die Website mit einem Parallax-Script wie auf dieser Webseite (eher für Fortgeschrittene Jimdo-AnwenderInnen mit CSS/HTML-Kenntnisen).


Parallax-Design

Beim Parallax-Design werden die Hintergrundbilder entweder so "programmiert", dass sie beim Scrollen als ganzes bewegt werden (Alle Elemente auf dieser Webseite ausgenommen "Parallax-Element B") oder so, dass sich die Inhalte beim Scrollen über das Element bewegen (siehe "Parallax-Element B"). Das Parallax-Scrolling kann natürlich auch bei mehrseitigen Websites eingesetzt werden.

Auf dieser Webseite wurde zwischen den Elementen jeweils ein Abstand eingefügt, so dass das Haupt-Hintergrundbild immer wieder sichtbar wird. Die Elemente können auch mit anderen Abständen oder "nahtlos" aneinandergereiht werden.


Parallax-Element A

Inhalte sind auf dem Element fixiert

Dieses Element bewegt sich als Ganzes über die Webseite.


Parallax-Element B

Inhalte bewegen sich über das Element

Bei diesem Element bewegen sich die Inhalte in der Desktop-Ansicht beim Scrollen über das Element.


Gut zu wissen

Da Jimdo keine Designvorlage mit Parallax-Scrolling anbietet, müssen diese Effekte manuell programmiert werden. Dies ist relativ aufwändig und suboptimal, da die selbstständige Bearbeitung für AnwenderInnen durch die "Hacks" erschwert wird.