Hinter den Kulissen: Wie wir unsere neue Website in 4 Tagen gelauncht haben

Eine neue Ära für FirmaDigital

Wir sind stolz, unsere komplett neu gestaltete Website zu präsentieren! Nach monatelanger Planung haben wir uns entschieden, eine völlig neue Richtung einzuschlagen: Weg von der sterilen Welt der Rechtsdienstleistungen, hin zu einer spielerischen und zugänglichen Art der Unternehmensformation.

Wir haben bewusst kleine Easter Eggs und Gimmicks in die gesamte Website eingebaut - von unserem animierten Emoji-Rennspiel bis hin zu interaktiven Hover-Effekten und mikroanimationen, die das Erlebnis lebendig machen. Denn warum sollte Rechtsberatung langweilig sein?

Warum der Wandel?

Rechtliche Dienstleistungen müssen nicht kompliziert und einschüchternd sein. Wir glauben, dass Technologie und ein wenig Humor dabei helfen können, auch komplexe rechtliche Prozesse verständlich und sogar unterhaltsam zu gestalten. Unsere neue Website spiegelt genau diese Philosophie wider.

Die AI-First-Strategie bei FirmaDigital

Das Ziel von FirmaDigital ist, die Firmengründung mit Automatisierung und AI so einfach wie möglich zu machen. Entsprechend wollten wir beim Relaunch der Website auch viel AI verwenden. Wir haben einen durchdachten AI-first Ansatz gewählt:

🎨 Gemini für Bildgenerierung

Google's Gemini hat uns dabei geholfen, einheitliche visuelle Assets zu erstellen. Von Hero-Images über Icons bis hin zu Illustrationen - Gemini lieferte konsistente, professionelle Grafiken, die perfekt zu unserem spielerischen Ansatz passen.

✍️ GPT-4 für Formulierungshilfen

Für die Texterstellung und -optimierung haben wir GPT-4 eingesetzt. Besonders bei komplexen rechtlichen Inhalten half uns das AI-System dabei, diese in verständliche, zugängliche Sprache zu übersetzen, ohne an Präzision zu verlieren.

⚡ Claude Code für die Entwicklung

Das Herzstück war Claude Code von Anthropic - ein revolutionäres Tool für AI-gestützte Softwareentwicklung. Mit 3 spezialisierten Agents konnten wir parallel an Frontend, CMS und Integration arbeiten.

⚠️ Warnung: Der nächste Teil wird nerdy

Wenn Sie sich für die technischen Details interessieren, wie wir diese Website in Rekordzeit entwickelt haben, lesen Sie weiter. Wenn nicht, scrollen Sie gerne zum Ende für die wichtigsten Erkenntnisse!

Die Technik hinter dem Wunder: Claude Code in Aktion

3 AI-Agents, unendliche Möglichkeiten

Das Herzstück unserer Entwicklung war Claude Code von Anthropic - ein revolutionäres Tool, das es uns ermöglichte, 3 spezialisierte AI-Agents parallel arbeiten zu lassen:

• 🤖 Agent 1 (Frontend): Entwicklung der React/Next.js Komponenten und Animations
• 🗄️ Agent 2 (CMS): Sanity Schema-Entwicklung und Content-Management
• 🔧 Agent 3 (Integration): API-Integration, Deployment und Debugging

Claude Code ermöglichte es uns, komplexe Entwicklungsaufgaben auf 3 spezialisierte Agents aufzuteilen

Unsere 3 Agents arbeiteten parallel an verschiedenen Aspekten der Website

Der moderne Tech-Stack

Wir haben uns für einen zukunftssicheren und performanten Tech-Stack entschieden:

1. ⚛️ Next.js 15 mit App Router für optimale Performance und SEO
2. 🎨 Sanity CMS für flexibles Content Management mit Schema-first Ansatz
3. 🎯 TypeScript für typsichere Entwicklung
4. 💨 Tailwind CSS für schnelle und konsistente Styling
5. 🔥 Firebase Hosting für zuverlässiges und schnelles Hosting
6. 🌍 i18n Support für vollständige Mehrsprachigkeit (DE/EN)

Warum wir Framer den Rücken gekehrt haben

Nach längerer Nutzung von Framer haben wir eine schwierige, aber notwendige Entscheidung getroffen: Wir sind komplett weg von Framer.

💸 Die Kostenexplosion

Framer's Hosting-Kosten für die Features, die wir benötigten, waren einfach nicht mehr tragbar. Als europäisches Unternehmen brauchten wir:

• 🛡️ Vollständige GDPR-Compliance
• 🌍 Echte Mehrsprachigkeit ohne Workarounds
• ⚡ Optimale Performance in Europa
• 🔧 Flexibilität für komplexe Integrationen

📞 Support-Probleme

Der Support war leider nicht auf dem Niveau, das wir als professionelles Dienstleistungsunternehmen benötigten. Besonders bei GDPR-spezifischen Anfragen und mehrsprachigen Implementierungen stießen wir regelmäßig an Grenzen.

🔥 Firebase: Unser neues Zuhause

Wir sind jetzt vollständig auf Firebase Hosting umgestiegen - und könnten nicht glücklicher sein!

✨ Die Vorteile auf einen Blick:

• 💰 Kosten-effizient: Nur ein Bruchteil der Framer-Kosten
• ⚡ Blitzschnell: Global CDN mit Edge-Locations
• 🛡️ GDPR-konform: Vollständige Kontrolle über Daten
• 🔧 Flexibel: Vollständige Entwicklerkontrolle
• 📊 Analytics: Integrierte Google Analytics 4

Firebase liefert uns detaillierte Performance-Metriken und weltweite CDN-Abdeckung

"Firebase hat uns die Freiheit gegeben, genau die Website zu bauen, die wir uns vorgestellt haben - ohne Kompromisse bei Kosten, Performance oder Compliance."

⏱️ 4 Tage, die alles veränderten

Hier ist ein detaillierter Blick auf unseren 4-Tage-Sprint:

📅 Tag 1: Fundament & Architektur

• Next.js 14 Setup mit App Router
• Sanity CMS Integration und Schema-Design
• TypeScript Konfiguration und Basis-Komponenten

🎨 Tag 2: Design & Komponenten

• Responsive Design System mit Tailwind CSS
• Interaktive Komponenten (Emoji Race, Animationen)
• Theme-System für dynamische Hintergründe

🔗 Tag 3: Integration & Content

• CMS-Content Migration und strukturierte Daten
• Blog-System mit automatischer Kategorisierung
• SEO-Optimierung und Mehrsprachigkeit

🚀 Tag 4: Deployment & Launch

• Firebase Hosting Setup und CI/CD Pipeline
• Performance-Optimierung und Testing
• Live-Launch und Monitoring-Setup

🎉 Das Ergebnis: Eine Website, die begeistert

In nur 4 Arbeitstagen haben wir nicht nur eine neue Website gelauncht, sondern eine komplette digitale Transformation vollzogen. Die neue Website ist:

• ⚡ 3x schneller als die Vorgänger-Version
• 📱 Vollständig responsive auf allen Geräten
• 🌍 GDPR-konform und mehrsprachig
• 🎮 Interaktiv und spielerisch ohne die Professionalität zu verlieren
• 💰 70% kostengünstiger im Hosting als vorher

Die Kombination aus modernster AI-Technologie (Claude Code) und bewährten Entwicklungstools hat uns gezeigt, was heute möglich ist. Wir sind stolz darauf, diese Technologie nicht nur zu nutzen, sondern auch unseren Kunden dabei zu helfen, ihre eigenen digitalen Transformationen zu meistern.

Entdecken Sie die neuen Features

Erkunden Sie unsere neue Website und entdecken Sie die versteckten Easter Eggs! Haben Sie das Emoji-Rennspiel schon ausprobiert? Oder die interaktiven Hover-Effekte auf den Testimonial-Karten entdeckt?

Wir freuen uns auf Ihr Feedback und darauf, gemeinsam mit Ihnen die Zukunft der digitalen Unternehmensformation zu gestalten!