Am einfachsten und besten lässt sich dieser Parallax-Effekt erzielen, indem Sie ein Bild im Fenster „Fixieren“, um den Eindruck von Bewegung zu erzeugen.

Dies wirkt visuell sehr ansprechend, lässt jedes Design deutlich aufwändiger erscheinen und kann einfach mit anderen Elementen wie Texten kombiniert werden. Fügen Sie einige Scroll-Animationen hinzu und Sie erhalten eine schön gestaltete, in sich stimmige Seite.

Erstellen Sie zuerst ein Bild, das uns das Gefühl geben kann, hindurchzugehen (auch im übertragenen Sinn: Das kann von einem klassischen mittelalterlichen Gemälde bis zu einem spontan aufgenommenen Foto alles sein). Wenn Sie das Bild platziert haben, klicken Sie einfach auf die Option „Fixieren“.

Der Grundgedanke ist, einen Kontext mit markanter Optik zu schaffen, um die Aufmerksamkeit des Besuchers zu lenken. Während die Inhalte der Website Informationen liefern, wirkt der fixierte Hintergrund wie ein Fenster in die echte Welt. Der Kontext wechselt von Umgebung/Stimmung hin zu Informationen und wieder zurück, was das Interesse aufrechterhält.

In diesem Beispiel geht es um die Seite eines Reiseveranstalters, der sich auf Wandern und Camping, Versorgung und Kontakteknüpfen spezialisiert. Das erste der beiden Hintergrundbilder zeigt die Vorbereitung einer Reise, das andere die Schönheit der Natur. Der dazwischenliegende Bereich trennt diese beiden Aspekte voneinander.

Es ist ratsam, zwischen den beiden fixierten Hintergründen ausreichend Platz für einen sauberen Übergang zu lassen. Dort können, nachdem die Aufmerksamkeit des Besuchers erneuert ist, weitere Informationen angeboten werden.