Zum Inhalt springen
Somers Design

Bewegte Sektionenzum Ausprobieren

14 Sektionen · eigener Code · ohne Dritte

Animationen machen eine Website lebendig, wenn sie dem Inhalt dienen. Hier zeigen wir Sektionen, die wir in neue und bestehende Websites einbauen – selbst programmiert, ohne fremde Bibliotheken, schnell und barrierearm. Scrollen Sie, klicken Sie, probieren Sie aus.

Haben Sie in Ihrem System „Bewegung reduzieren“ eingestellt, sehen Sie hier Standbilder – genau so verhalten sich auch die Websites, die wir bauen. Jede Sektion lässt sich einzeln in Ihre Website einbauen; den Preis nennen wir nach Aufwand vorab.

01Scrollen

Fortschrittsring

Ein Ring füllt sich, während man scrollt – mit Zahl in der Mitte und Stationen darunter. Macht Abläufe und Versprechen greifbar, etwa „in 48 Stunden zur Demo“.

Passt zu Ablauf, Fristen, Projektfortschritt

Diese Sektion anfragen

100Prozent

  1. Anfrage
  2. Entwurf
  3. Demo
  4. Online

02Scrollen

Text, der sich aufbaut

Ein Satz wird beim Scrollen Wort für Wort sichtbar. Hält den Blick bei der einen Aussage, die zählt.

Passt zu Leitsatz, Haltung, Manifest

Diese Sektion anfragen

Eine gute Website erklärt in drei Sekunden, was Sie anbieten, für wen – und wie man Sie erreicht. Alles andere ist Beiwerk.

03Scrollen

Seitliche Strecke

Die Sektion bleibt stehen, die Inhalte fahren seitlich vorbei, solange man nach unten scrollt. Viel Inhalt auf wenig Platz, ohne dass es eng wirkt.

Passt zu Leistungen, Schritte, Projekte

Diese Sektion anfragen

  1. 01

    Gespräch

    Wir klären, was Ihre Website erreichen soll.

  2. 02

    Entwurf

    Aufbau, Farben und Schrift für Ihren Betrieb.

  3. 03

    Demo

    Nach 48 Stunden steht die erste fertige Version.

  4. 04

    Feinschliff

    Wir passen an, bis alles sitzt.

  5. 05

    Übergabe

    Die Seite geht online, erst jetzt die Rechnung.

  6. 06

    Pflege

    Änderungen per Nachricht, meist am selben Tag.

04Scrollen

Gestapelte Karten

Karten legen sich beim Scrollen übereinander, die vorige tritt leicht zurück. Ein klarer Ablauf in Etappen.

Passt zu Pakete, Etappen, Argumente

Diese Sektion anfragen

  1. Stufe 1

    Basis

    29 € / Monat

    Hosting, Sicherung, Technik

  2. Stufe 2

    Pflege

    59 € / Monat

    60 Minuten Änderungen im Monat

  3. Stufe 3

    Pflege Plus

    89 € / Monat

    120 Minuten, Google-Profil, Bericht

  4. Stufe 4

    Shop

    149 € / Monat

    240 Minuten, Bestellstrecke geprüft

05Scrollen

Zeitleiste, die sich füllt

Die Linie wächst mit dem Lesen mit, jede Station leuchtet auf, sobald man sie erreicht.

Passt zu Firmengeschichte, Ablauf, Termine

Diese Sektion anfragen

  1. 1998

    Gründung

    Ein Raum, eine Werkbank.

  2. 2006

    Meisterbetrieb

    Die zweite Generation übernimmt.

  3. 2014

    Neue Halle

    Platz für größere Aufträge.

  4. 2021

    Zwölf Leute

    Ausbildungsbetrieb mit eigenem Team.

  5. Heute

    Ihr Projekt

    Wir freuen uns auf Ihre Anfrage.

Beispielinhalt

06Scrollen

Zahlen, die hochzählen

Kennzahlen zählen hoch, sobald sie ins Bild kommen. Mit echten, belegbaren Werten wirkt das stark – hier mit Beispielwerten.

Passt zu Erfahrung, Ergebnisse, Größe

Diese Sektion anfragen

  • 1.250Kunden betreut
  • 98 %Weiterempfehlung
  • 24 Std.Antwortzeit

Beispielwerte

07Ausprobieren

Vorher-nachher-Schieber

Ein Regler legt zwei Bilder übereinander. Wer ihn zieht, sieht den Unterschied selbst – hier vom Entwurf zur fertigen Seite.

Passt zu Renovierung, Beauty, Relaunch

Diese Sektion anfragen

Fertige Startseite des Musterprojekts Tischlerei EichenwaldFertig

08Ausprobieren

Preisrechner

Besucher stellen selbst ein und sehen sofort einen Preisrahmen. Beantwortet die häufigste Frage, bevor sie gestellt wird.

Passt zu Dienstleister, Druck, Reinigung, Handwerk

Diese Sektion anfragen

Beispiel: Gebäudereinigung · Fantasiepreise

Wie oft?
Extras

Richtwert pro Monat270 €

Mit JavaScript rechnet der Rechner live mit.

09Ausprobieren

Reiter mit gleitender Markierung

Inhalte in Reitern, die Markierung gleitet zum gewählten Punkt. Viel Information, aufgeräumt.

Passt zu Leistungen, Speisekarte, Preislisten

Diese Sektion anfragen

Websites

Von der schlanken Visitenkarte bis zum mehrsprachigen Firmenauftritt. Ab 990 €, einmalig.

Onlineshops

Produkte, Zahlung, Versand – fertig eingerichtet. Ab 2.000 €, einmalig.

Pflege

Hosting, Sicherung und Änderungen in vier Stufen ab 29 € im Monat, monatlich kündbar.

10Zeigen

Browser-Rahmen, der selbst scrollt

Ein Bildschirmfoto läuft im Browser-Rahmen langsam durch die ganze Seite, sobald man darauf zeigt – oder auf Knopfdruck.

Passt zu Referenzen, Portfolio, Produkte

Diese Sektion anfragen

Bildschirmfoto der Website Salon Marlène (Musterprojekt, fiktives Unternehmen)

Musterprojekt

11Zeigen

Magnetischer Knopf und kippende Karte

Der Knopf folgt dem Mauszeiger ein Stück, die Karte neigt sich mit einem Lichtreflex. Kleine Details, die hochwertig wirken.

Passt zu Hauptaufruf, Angebote, Produkte

Diese Sektion anfragen

Paket

Pflege Plus

89 € / Monat

120 Minuten Änderungen, Google-Profil, Monatsbericht.

Magnetischer Knopf

12Zeigen

Lichtkegel auf dunklen Flächen

Ein weicher Lichtkegel folgt dem Zeiger über dunkle Kacheln. Ruhig, modern, ohne vom Inhalt abzulenken.

Passt zu Leistungen, Vorteile, Technik

Diese Sektion anfragen

  • Schnell

    Schlanke Technik, kurze Ladezeiten.

  • Barrierearm

    Starke Kontraste, klare Struktur.

  • Ohne Dritte

    Keine fremden Skripte, keine Cookies.

13Automatisch

Wechselnde Wörter

Ein Wort in der Überschrift wechselt in ruhigem Takt. Spricht mehrere Zielgruppen in einem Satz an.

Passt zu Startseite, Zielgruppen, Angebote

Diese Sektion anfragen

Websites für Handwerk, Praxen, Gastronomie, Onlineshops und Dienstleister

14Automatisch

Laufband

Begriffe, Logos oder Versprechen laufen in zwei Reihen gegeneinander. Hält an, sobald man darauf zeigt.

Passt zu Leistungen, Partner, Versprechen

Diese Sektion anfragen

  • Webdesign
  • Onlineshops
  • Hosting
  • Pflege
  • Texte
  • Google-Profil
  • Barrierearm
  • Mehrsprachig
  • Erst sehen
  • Dann zahlen
  • Demo in 48 Stunden
  • Keine Vorkasse
  • Die Seite gehört Ihnen
  • Direkter Draht

Sie haben eine eigene Idee?

Viele Sektionen entstehen aus einem Satz unserer Kunden – die 48-Stunden-Uhr auf unserer Startseite zum Beispiel. Erzählen Sie uns, was Ihre Besucher verstehen sollen, wir machen daraus Bewegung.

Idee besprechenDie 48-Stunden-Uhr ansehen

Wobei können wir Ihnen helfen?

Schreiben Sie uns – wir melden uns innerhalb von 24 Stunden mit einer ehrlichen Einschätzung zurück.

Bon Im, Inhaber

Kontakt aufnehmenPer WhatsApp schreiben