Erlebnis-Demo · Chris Derix Webagentur

Eine Website, die sich bewegt.

Scrollen Sie in Ihrem Tempo. In sieben Kapiteln wird aus einer Idee eine Website, die auf Anfragen ausgerichtet ist. Jedes Kapitel zeigt, was im Browser heute möglich ist.

Sie sehen die ruhige Fassung: Jedes Kapitel zeigt sein Endbild ohne Bewegung.

01 / 07 · Idee

Effekt: Partikel in Echtzeit, räumlich bewegt

Am Anfang steht eine Idee.

Tausende Punkte, lose verteilt. Während Sie scrollen, finden sie zusammen: Ziel, Zielgruppe, Angebot und Anfrage ordnen sich um ein erstes Bild der Website.

Wofür das gut ist: einen ersten Eindruck hinterlassen, der im Gedächtnis bleibt.

02 / 07 · Struktur

Effekt: Ebenen, die sich im Raum auffächern

Aus der Idee wird ein Plan.

Vor der Gestaltung steht der Aufbau: Welche Unterseiten braucht es, was steht wo, welche Inhalte tragen den Auftritt? Das Gerüst zeichnet sich Strich für Strich und fächert sich dann in seine Ebenen auf.

Wofür das gut ist: Abläufe und Zusammenhänge erklären, ohne lange Texte.

03 / 07 · Gestaltung

Effekt: Aufbau Schritt für Schritt

Dann kommt die Gestaltung.

Farbe, Schrift, Bild und Inhalte legen sich nacheinander über das Gerüst. Sie steuern den Aufbau selbst: vor und zurück, so schnell Sie möchten.

Wofür das gut ist: zeigen, wie etwas Schritt für Schritt entsteht, etwa ein Umbau, eine Sanierung oder eine neue Website.

04 / 07 · Technik

Effekt: Layout, das sich vor Ihren Augen umbaut

Ein Auftritt für jedes Gerät.

Dieselbe Seite passt sich an: vom großen Bildschirm über das Tablet bis zum Smartphone. Die Inhalte ordnen sich neu und bleiben lesbar.

Wofür das gut ist: zeigen statt behaupten, dass etwas auf verschiedenen Geräten funktioniert.

05 / 07 · Region

Effekt: Räumliche Karte, die sich aufbaut

Zeigen, wo wir tätig sind.

Von Geldern aus arbeiten wir für Unternehmen am Niederrhein. Genauso lassen sich Ihre Standorte, Einzugs- oder Liefergebiete zeigen.

Wofür das gut ist: Orte und Entfernungen auf einen Blick verständlich machen.

NiederlandeRhein10 km20 km30 km
Schematische Darstellung unseres Einzugsgebiets rund um Geldern.

06 / 07 · Werdegang

Effekt: Flug durch einen Tunnel

Von der Gründung 2021 bis heute.

Fliegen Sie durch unsere Projektjahre. Die Jahreszahlen stehen für erbrachte Leistungen; die Bilder zeigen ausgewählte Projektansichten. Als Nächstes vielleicht Ihr Projekt.

Wofür das gut ist: eine Entwicklung oder Firmengeschichte erlebbar machen.

  1. 2021Gründung

    Start der Chris Derix Webagentur.

  2. 2021Website-Aufbau

    Müllers Fenster

  3. 2022Website

    Dorfschmiede Hartefeld

  4. 2023Digitalisierungskonzept Innenstadt

    Stadt Geldern · Wirtschaftsförderung

    Illustration zum Digitalisierungskonzept Innenstadt
  5. 2024Website-Betreuung · Inhalte

    PRE Herz & Verstand

  6. 2025Local SEO · SEA · Landingpages

    Westpark Immobilien

  7. 2025Social Media · Website

    Rosen Kretz

  8. 2026Unternehmenswebsite

    Baran Holding

  9. 2026Shopware-6-Shop · Produktinhalte

    Baustoff Held

  10. 2026Konfiguratoren · Buchungsfunktionen

    Freizeitexperten

  11. 2026Shopify · Tracking · Google Ads

    Terrassana · Baran Aluminiumsysteme

  12. ZukunftAls Nächstes

    Vielleicht Ihr Projekt?

07 / 07 · Anfrage

Effekt: Bewegte Schrift

Wir hoffen, Ihr Projekt führt Sie zu uns.

Jede Bewegung hat ein Ziel: Interessenten sollen verstehen, was Sie anbieten, und sich melden.

Wofür das gut ist: den nächsten Schritt unübersehbar machen.

  • Effekte ohne externe Dienste
  • Ruhige Fassung, wenn Ihr Gerät Bewegung reduziert
  • Per Tastatur bedienbar
  • Bewegung lässt sich anhalten
  • Mit KI entwickelt

Zusammenfassung

Was Sie gerade gesehen haben.

  1. Partikel in Echtzeit, räumlich bewegt

    Gut für: einen ersten Eindruck hinterlassen, der im Gedächtnis bleibt.

  2. Ebenen, die sich im Raum auffächern

    Gut für: Abläufe und Zusammenhänge erklären, ohne lange Texte.

  3. Aufbau Schritt für Schritt

    Gut für: zeigen, wie etwas Schritt für Schritt entsteht, etwa ein Umbau, eine Sanierung oder eine neue Website.

  4. Layout, das sich vor Ihren Augen umbaut

    Gut für: zeigen statt behaupten, dass etwas auf verschiedenen Geräten funktioniert.

  5. Räumliche Karte, die sich aufbaut

    Gut für: Orte und Entfernungen auf einen Blick verständlich machen.

  6. Flug durch einen Tunnel

    Gut für: eine Entwicklung oder Firmengeschichte erlebbar machen.

  7. Bewegte Schrift

    Gut für: den nächsten Schritt unübersehbar machen.

Passt das zu Ihrem Projekt?

Bewegung lohnt sich, wo sie etwas erklärt oder eine Marke erlebbar macht: bei Produktvorstellungen, Kampagnen oder auf der Startseite. Seiten, die schnell informieren sollen, bleiben besser ruhig. Was zu Ihrem Vorhaben passt, klärt ein kurzes Gespräch.