Webseiten, die sich bewegen.

Ich gestalte animierte Onepager und Firmenwebseiten mit einem Einstieg, der hängen bleibt, und einer sauberen Darstellung auf jedem Handy.

Projekt anfragen Beispiele ansehen

Feste Paketpreise ab 990 € nettoBis 31. Oktober: Onepager ab 495 € netto

50 % auf Onepager und animierte Webseiten

Nur für Aufträge bis 31. Oktober. Imagevideos sind von der Aktion ausgenommen.

Projekt anfragen

Zieh mal an der Kante

Gleicher Betrieb, andere Wirkung.

Viele Firmenseiten wirken wie eine Broschüre, die jemand ins Netz gelegt hat. Zieh die rote Kante nach links und sieh, was Gestaltung und gezielte Bewegung daraus machen.

Beispiel mit einem erfundenen Malerbetrieb.

Selbst ausprobieren

Klick dich durch Beispiele.

Die ersten beiden Seiten habe ich für Handwerksbetriebe aus der Region gebaut. Die anderen sind Beispielseiten mit erfundenen Marken. Sie zeigen, welche Art Bewegung ich für deinen Betrieb umsetzen kann.

  1. Webseite eines Heizungs- und Sanitärbetriebs mit Wärmebild einer Fußbodenheizung Umgesetzt von KWM Design Maltez HaustechnikHeizung und Sanitär Fährt man über die Fußbodenheizung, zeigt ein Wärmebild die warmen Rohre. Seite öffnen
  2. Webseite eines Bodenlegers mit Foto einer Dielenverlegung Umgesetzt von KWM Design SchlömerBodenleger In einem gezeichneten Raum wird der gewählte Boden Diele für Diele verlegt. Seite öffnen
  3. Beispielseite eines grauen Sportwagens in einer nächtlichen Tiefgarage Beispielseite Vehro StrahlSportwagen Scrollen ist das Gaspedal. Die Räder drehen sich genau so weit, wie der Wagen fährt, der Tacho zählt mit. Seite öffnen
  4. Beispielseite für einen Kaminofen mit brennendem Feuer Beispielseite GlutsteinKaminofen Beim Scrollen beruhigt sich das Feuer, und die verrußte Scheibe wird klar. Seite öffnen
  5. Beispielseite einer Tischlerei mit Holzverbindungen Beispielseite NutfeldTischlerei Beim Scrollen setzt sich ein Tisch zusammen, ganz ohne Schraube. Seite öffnen
  6. Beispielseite einer Siebträgermaschine mit großer roter Neun Beispielseite Brennwerk NeunEspresso Dein Scrolltempo zieht den Espresso. Zu schnell wird er sauer. Seite öffnen
  7. Beispielseite eines Friseursalons mit gezeichnetem Haarschnitt Beispielseite OhlrichFriseur Der Kopf schüttelt beim Scrollen, und der Schnitt fällt jedes Mal zurück in Form. Seite öffnen
  8. Beispielseite einer Umzugsfirma mit Grundriss einer Wohnung Beispielseite ZweitortUmzüge Die Kartons bleiben stehen, um sie herum wird die alte Wohnung zur neuen. Seite öffnen
  9. Sammlung Noch 60 Ideen mehrBäckerei, Dachdecker, Boden … Eine Sammlung von Beispielseiten, auf denen das Scrollen etwas tut. Sammlung öffnen

Die Beispielseiten mit erfundenen Marken stammen nicht von KWM Design. Sie zeigen, was sich umsetzen lässt, und sind mit Erlaubnis des Urhebers verlinkt.

Das Herzstück

Die animierte Webseite

Ein aufwendig gestalteter Onepager mit eigenem Bewegungskonzept: animierter Einstieg, abgestimmte Scroll-Szenen und Elemente, die man anfassen kann.

ab 1.990 €1.990 €995 € 50 % bis 31.10. netto, je nach Umfang des Bewegungskonzepts
kaimauer-roesterei.de
Shop Frisch geröstet am Hafen. Bohnen ansehen Drei Röstungen, eine Bohne. Such dir deinen Röstgrad aus. MITTEL Hell Mittel Dunkel Schokolade und Mandel

Schalte auf Standbild und vergleiche: gleicher Inhalt, andere Wirkung.

  1. Ein Einstieg, der hängen bleibt

    Die erste Sekunde zeigt, wer du bist. Überschrift, Bild und Knopf erscheinen in einer festen Reihenfolge, damit der Blick dort landet, wo er hin soll.

  2. Szenen, die beim Scrollen erzählen

    Dein Produkt verändert sich, während der Besucher scrollt. Bild und Text laufen aufeinander abgestimmt, statt nur nacheinander einzublenden.

  3. Etwas zum Anfassen

    Ein Regler, ein Vorher-Nachher-Vergleich oder eine kleine Präsentation: Besucher probieren selbst aus, statt nur zu lesen. Zieh am Röstgrad-Regler.

    Projekt anfragen

Großes Projekt mit bis zu zehn Unterseiten und Bewegungskonzept: ab 4.500 € netto. Individuelle 3D-Modelle oder Filmszenen biete ich separat an.

Kleine Bewegungen, in jedem Paket dabei.

Auch Onepager und Firmenwebseiten bewegen sich. Die großen Szenen gibt es im Animationspaket, diese vier sind immer drin.

Texte, die einblenden

Überschriften und Absätze erscheinen in Ruhe, wenn man hinscrollt.

Zahlen, die hochzählen

Jahre, Projekte oder Quadratmeter zählen sichtbar hoch.

Knöpfe mit Sog

Der Knopf kommt dem Mauszeiger ein Stück entgegen. Auf dem Handy reagiert er beim Tippen.

Bilder mit Tiefe

Ebenen bewegen sich verschieden schnell, das Bild bekommt Raum.

Lieber ruhiger? Zwei weitere Pakete.

Onepager

ab990 €990 €495 €50 % bis 31.10.netto

Eine Seite mit fünf bis sieben Abschnitten, individuell gestaltet, mit Kontaktmöglichkeit und mobil optimiert.

  • Fünf bis sieben Abschnitte
  • Individuelle Gestaltung statt Baukasten
  • Sanfte Einblendungen und Übergänge
  • Kontakt per Anruf, WhatsApp oder E-Mail
Projekt anfragen

Unternehmenswebseite

ab2.800 €netto

Startseite plus bis zu zehn Unterseiten in einer gemeinsamen Designsprache, mit Navigation und Kontaktformular.

  • Startseite und bis zu zehn Unterseiten
  • Durchgängige Navigation auf allen Geräten
  • Kontaktformular
  • Sanfte Einblendungen und Übergänge
Projekt anfragen

Neu bei KWM Design

Imagevideos

Ein kurzer Film, der in gut einer Minute erklärt, was dein Betrieb macht und warum man dich anruft. Für deine Webseite, YouTube und Social Media.

ab 990 € netto, je nach Länge und Aufwand. Ein Erklärfilm in dieser Art liegt bei etwa 1.990 €.

Erst das Storyboard, dann der Film. Du siehst jede Szene, bevor sie entsteht.

  1. Szene aus dem Beispielfilm: volles Schnellrestaurant zur MittagszeitDen Alltag zeigen
  2. Szene aus dem Beispielfilm: Mann am Schreibtisch vor einer LandkarteDas Problem greifbar machen
  3. Szene aus dem Beispielfilm: Techniker mit eingeblendeter DeutschlandkarteDie Lösung erklären
  4. Szene aus dem Beispielfilm: zufriedener Restaurantleiter mit erhobenem DaumenMit einem guten Gefühl enden
  • Storyboard vorab, du gibst jede Szene frei
  • Kein Drehtag, kein Filmteam bei dir vor Ort
  • Musik, Texteinblendungen und dein Logo am Ende
  • Zwei gebündelte Korrekturrunden
Projekt anfragen

Keine Überraschungen

Was im Preis steckt, steht vorher fest.

Feste Pakete funktionieren nur, wenn beide Seiten wissen, was dazugehört. Deshalb steht es hier, nicht erst im Angebot.

kwm design Auftragszettel

Immer dabei

  • Zwei gebündelte Korrekturrunden
  • Vorschau-Link zum Ausprobieren vor dem Start
  • Darstellung geprüft auf Handy, Tablet und Rechner
  • Einblendende Texte, bewegte Knöpfe, sanfte Übergänge
  • Impressum und Datenschutz als eigene Seiten eingebunden

Lieferst du oder buchst du dazu

  • Texte, Logo und Bilder (Erstellung buchbar)
  • Inhalte für Impressum und Datenschutz
  • Hosting, Domain, Lizenzen, spätere Betreuung
  • Shop, Buchungssystem, Mehrsprachigkeit, CMS

Alle Preise einmalig und netto, für Geschäftskunden.

Vom ersten Gespräch bis online.

  1. Erzählen

    Du erzählst mir am Telefon oder per WhatsApp von deinem Betrieb, deinem Ziel und deinem Budget. Danach weißt du, welches Paket passt.

  2. Ausprobieren

    Du bekommst einen Vorschau-Link mit einem ausgearbeiteten Beispielbereich. Den öffnest du auf dem Handy und probierst die Animationen selbst aus.

  3. Feinschliff

    Nach deinem Okay baue ich den ganzen Auftritt. Deine Wünsche sammelst du in zwei gebündelten Korrekturrunden.

  4. Live gehen

    Ich prüfe alles auf Handy, Tablet und Rechner, verbinde deine Domain und übergebe dir die fertige Seite.

Erzähl mir von deinem Projekt.

Wähl ein Paket, schreib ein paar Worte dazu, und deine WhatsApp-Nachricht ist fertig vorbereitet.

Welches Paket interessiert dich?

Vorschau deiner Nachricht: Hallo, ich interessiere mich für das Paket „Animierte Webseite“.

Per WhatsApp anfragen Per E-Mail anfragen

Beide Knöpfe öffnen deine vorbereitete Nachricht, in WhatsApp oder in deinem E-Mail-Programm. Lieber anrufen? 0176 41178915