- Kunde
- numi solutions GmbH
- Zeitraum
- 2021–2026
- Rolle
- Mitentwicklung, Architektur & technische Leitung der Website
Entstanden ohne KI
Dieses Projekt ist vor dem Einsatz von KI-Coding-Tools entstanden – jede Zeile ist handgeschrieben.
Die Idee
numi entwickelt eine KI-Plattform für Bedarfsplanung, Bestandsoptimierung und Einkauf. Die Landingpage muss ein erklärungsbedürftiges B2B-Produkt greifbar machen, für Google und KI-Suchen gut auffindbar sein und gleichzeitig schnell genug bleiben, um bei den Core Web Vitals zu bestehen – zweisprachig und mit vielen Produkt-, Lösungs- und Blogseiten.
Meine Rolle
Ich habe die Seite 2021 aufgesetzt und sie seitdem über mehrere Generationen technisch weiterentwickelt – zusammen mit einem kleinen Team aus Design, Entwicklung und Marketing.
Technik & Architektur
- Next.js mit App Router, von Pages Router und
next-i18next schrittweise migriert bis Next 16 mit Turbopack.
- Internationalisierung mit
next-intl inklusive lokalisierter URLs (z. B. /de/software/…) und Redirects von alten Pfaden.
- MDX-Blog mit Frontmatter, automatisch generierten Meta-Beschreibungen und strukturierten Daten.
- Design-System auf Basis von Tailwind CSS v4 und shadcn/ui (Radix), animiert mit Framer Motion und Lottie.
Highlights im Code
- SEO als Architektur: dynamisch generierte
sitemap.xml und robots.txt, OpenGraph-Tags sowie JSON-LD für Organisation, Produkte, Blogposts und Breadcrumbs.
- Performance: ein eigener
LazyDotLottiePlayer lädt Animationen erst im Viewport, ein reduziertes Framer-Motion-Bundle und ein Cookie-Banner, der das Largest Contentful Paint nicht mehr blockiert.
- Migrationen im laufenden Betrieb: Upgrade auf Tailwind CSS v4, Einführung wiederverwendbarer shadcn-Komponenten und Umstellung auf aktuelle Next.js- und next-intl-Versionen, ohne die Seite anzuhalten.
- Scroll-Animationen mit Spring-Smoothing für die Produktsektion und interaktive UI-Vorschauen der Plattform.
Ergebnis
Die Seite ist über fünf Jahre mit dem Produkt mitgewachsen – von einer kleinen Startup-Seite zu einer mehrsprachigen Marketing-Plattform mit Produktseiten, Branchenlösungen, Kundenstories und Blog.
Archivierter Stand
Stand vor dem Relaunch im Frühjahr 2026. Formulare und Tracking sind in der Demo deaktiviert.
Stand vom 08.04.2026 · Commit 73e69fb3