Kunden-Website · live
Ein IT-Dienstleister, der „Schluss mit IT-Stress“ verspricht. Also macht die Website beim Scrollen aus Chaos Ruhe.
- IT-Service für Unternehmen
- Regensburg
- I&D Studio · Websites
- Oktober 2026
Das Projekt
CDM Computerservice betreut IT, Telefonanlagen und Sicherheitstechnik kleiner und mittelständischer Unternehmen in Regensburg und Umgebung. Der Relaunch ersetzt die bisherige WordPress-Website durch ein neues Erscheinungsbild, das das Versprechen „Schluss mit IT-Stress“ sichtbar macht. Alle 13 Seiten samt Texten bleiben erhalten, und jeder alte Link funktioniert weiter.
Auf der Website genannt
Im Footer der Website wird Ibram & Dawwa unter „Partner & Webentwicklung“ genannt und auf ibramdawwa.de verlinkt.
- Kunde
- CDM Computerservice
- Branche
- IT-Service für Unternehmen
- Standort
- Regensburg
- Live seit
- Oktober 2026
- Gebaut von
- I&D Studio · Websites
- Leistungen
- Designsystem & Art Direction
- 3D & Scroll-Film
- Umsetzung aller 13 Seiten
- Inhaltsmigration & Weiterleitungen
- Technisches SEO
- Kontaktformular & Hosting-Setup
- Technik
- React
- TypeScript
- Vite
- Three.js · React Three Fiber
- GSAP ScrollTrigger
- Lenis
- Remotion
- Tailwind CSS
- Hosting
- STRATO-Webspace des Kunden
Sechs Momente der Live-Website.
Die wichtigsten Momente, der Reihe nach. Jeder Screen ist eine Aufnahme der Live-Website.
(01) / 06
Das Versprechen, inszeniert
Direkt nach dem Startbildschirm beginnt der Scroll-Film mit „Schluss mit IT-Stress“ und zeigt den Stress: Rote Fehlerfenster, Warnungen und abstürzende Kurven füllen beim Scrollen den Bildschirm. Im Code mit Remotion gerendert und Bild für Bild vom Scrollen gesteuert.
(02) / 06
Dann der Eingriff
Eine Scanlinie fährt durchs Bild, und jedes Fragment rastet in ein ruhiges blaues Raster ein. Jedes Einzelbild wird aus seiner Bildnummer berechnet, deshalb läuft der Film vorwärts wie rückwärts sauber.
(03) / 06
Fünf Ebenen, ein System
Aus den Fragmenten werden fünf Aluminiumplatten, die sich zu einem System stapeln. Jede Ebene ist mit einer Leistung von CDM beschriftet: IT-Infrastruktur, Kommunikation, Cloud, IT-Sicherheit, Support und Wartung.
(04) / 06
Eine Form pro Leistung
Eine in Echtzeit gerenderte Partikelwolke wird nacheinander zu Serverschrank, Schallwellen, Wolke, Schild und Herzschlag, während die fünf Leistungen vorbeiziehen. Sie folgt dem Scrollen und weicht dem Mauszeiger aus.
(05) / 06
Die 3-2-1-Regel in 3D
Jede Leistungsseite hat ihr eigenes Herzstück. Die Backup-Seite beginnt mit der 3-2-1-Regel als 3D-Szene: Produktivsystem, lokale Sicherung vor Ort und Cloud-Kopie mit Speicherort in der EU.
(06) / 06
„Was rettet Sie wovor?“
Aus der Vergleichstabelle der alten Backup-Seite wurde eine Szenario-Matrix: sechs Schadensfälle, drei Sicherungsarten und in jeder Zelle eine Antwort.
Neue Website. Alte Links intakt.
Eine neue Website kann verlieren, was Suchmaschinen über die alte wissen. Diese hier wurde gebaut, um dieses Wissen mitzunehmen, und danach anhand aller 138 Anforderungen unseres Developer Kits geprüft.
Jede alte Seite weitergeleitet
Jede Seitenadresse der alten WordPress-Website antwortet mit genau einer 301-Weiterleitung auf ihre neue Seite. Überbleibsel des alten Systems antworten mit 410.
Inhalt im HTML
Alle 13 Seiten werden beim Build gerendert: Überschriften, Texte und Links stehen im ausgelieferten HTML, bevor JavaScript läuft.
Signale auf jeder Seite
Eigener Title, eigene Description und eigener Canonical-Tag auf jeder Seite, dazu Sitemap, robots.txt und strukturierte Daten.
Komprimiert, gecacht, nur per HTTPS
Komprimierung, HSTS und Caching, eingerichtet auf dem vorhandenen Webspace des Kunden.
Nach dem Launch geprüft
Anschließend haben wir die Live-Website anhand aller 138 Anforderungen unseres Developer Kits (v2.13.0) geprüft und die ersten Korrekturen umgesetzt: Komprimierung, Inhalte im ausgelieferten HTML, Weiterleitungen in einem Schritt und echte Sitemap-Daten.
Dieselbe Ruhe. Eine Hand.
Fürs Smartphone gebaut, nicht verkleinert: Der Film hat einen eigenen Hochformat-Schnitt, und die Partikelform bleibt oben stehen, während die Leistungen vorbeiziehen.
Weitere Websites
Konzept · fiktive Marke
Zeroth
Studio für Suche & KI-Sichtbarkeit
Steht Ihr Relaunch an?
Erzählen Sie uns, was Ihr Unternehmen zeigen muss. Wir behalten, was funktioniert, bauen den Rest neu und sorgen dafür, dass Ihre alten Links weiter funktionieren.
Websites von I&D Studio →Sie bringen den Engpass. Wir bringen den Bauplan.
Sagen Sie uns, was entstehen oder besser laufen soll. Wir zeigen Ihnen genau, wie wir vorgehen würden: Systeme, Medien oder beides.
Bauen wir den Motor.
- (01) E-Mail
- info@ibramdawwa-gmbh.de
- (02) Telefon
- +49 1575 1702770
- (03) Regensburg
- Ortszeit
- (04) Antwortzeit
- Wir antworten innerhalb von 1 Werktag.
Agenturen automatisieren. Studios gestalten. Wir machen beides.