CDM Computerservice

Client website 01 / 01

Client website · live

An IT service company that promises an end to IT stress. So the site turns chaos into calm as you scroll.

IT service for businesses
Regensburg
I&D Studio · Websites
October 2026

CDM Computerservice website, opening screen (screenshot of the live site)

The project

CDM Computerservice looks after the IT, phone systems and security technology of small and mid-sized businesses in and around Regensburg. The relaunch replaces their WordPress site with a new identity that makes their promise, “Schluss mit IT-Stress” (no more IT stress), visible, while keeping all 13 pages, their German copy and every old link.

Credited on the site

The site’s footer names Ibram & Dawwa under “Partner & Webentwicklung” (partner and web development), with a link to ibramdawwa.de.

Client: CDM Computerservice
Sector: IT service for businesses
Location: Regensburg
Launched: October 2026
Built by: I&D Studio · Websites
Scope: Design system & art direction
3D & scroll film
Build of all 13 pages
Content migration & redirects
Technical SEO
Contact form & hosting setup
Built with: React
TypeScript
Vite
Three.js · React Three Fiber
GSAP ScrollTrigger
Lenis
Remotion
Tailwind CSS
Hosting: Client’s STRATO webspace

What we built

Six moments from the live site.

The key moments, in order. Every screen is a capture of the live site.

(01) / 06
The promise, played out
Right after the opening screen, the scroll film starts on “Schluss mit IT-Stress” and shows the stress: red error windows, warnings and failing graphs crowd the screen as you scroll. Rendered in code with Remotion and scrubbed frame by frame.
(02) / 06
Then, the intervention
A scan line sweeps through, and every fragment snaps onto a calm blue grid. Each frame is computed from its number, so the film runs cleanly forwards and backwards.
(03) / 06
Five layers, one system
The fragments turn into five aluminium slabs and stack into one system, each labelled with one of CDM’s services: IT infrastructure, communication, cloud, IT security, support and maintenance.
(04) / 06
One form per service
A real-time particle cloud becomes a server rack, sound waves, a cloud, a shield and a heartbeat as the five services pass. It follows the scroll and swirls away from the pointer.
(05) / 06
The 3-2-1 rule, in 3D
Every service page has its own centrepiece. The backup page opens on the 3-2-1 rule as a 3D scene: the production system, a local backup on site and a cloud copy stored in the EU.
(06) / 06
“What saves you from what?”
The old backup page’s comparison table became a scenario matrix: six things that go wrong, three kinds of backup, and an answer in every cell.

CDM Computerservice website: The promise, played out (screenshot of the live site)

Ready for search

New site. Old links intact.

A new site can lose what search engines know about the old one. This one was built to carry that over, then checked against all 138 requirements of our developer kit.

Every old page redirected
Each page address of the old WordPress site answers with a single 301 to its new page. Leftovers of the old system return 410.
Content in the HTML
All 13 pages are rendered at build time: headings, text and links are in the served HTML before any JavaScript runs.
Signals on every page
Its own title, description and canonical on each page, plus a sitemap, robots.txt and structured data.
Compressed, cached, HTTPS only
Compression, HSTS and caching, set up on the client’s existing webspace.
Audited after launch
We then checked the live site against all 138 requirements of our developer kit (v2.13.0) and shipped the first fixes it called for: compression, content in the served HTML, one-hop redirects and real sitemap dates.