TL;DR
Diese Woche habe ich meine neue Website für Dashboards und Datenautomation fertiggestellt; inhaltlich, visuell und rechtlich. Die Seite zeigt jetzt konkret, welche Probleme ich löse, enthält vier interaktive Demo‑Dashboards und erklärt transparent den Ablauf einer Zusammenarbeit. Sie ist mobil schnell, DSGVO‑konform (keine Cookies, keine Tracker, lokale Schrift) und bietet einen Dark Mode. Der Fokus lag auf Inhalten und Klarheit: Weg von “Technik-blabla”, hin zu verständlichen Nutzenargumenten für Entscheider.
Kontext & Ziel
Die erste Version der Seite stand bereits letzte Woche; in dieser Woche habe ich die Lücken geschlossen, die noch vorhanden waren: Inhalte, Beispiele, Rechtstexte und Feinschliff im Design. Ziel ist, Unternehmen anzusprechen, die heute noch mit manuellen Excel‑Auswertungen arbeiten und eine übersichtliche, belastbare Lösung für wiederkehrende Kennzahlen möchten. Dafür braucht es nicht nur eine hübsche Startseite, sondern eine klare Story: Welches Problem taucht im Alltag auf? Wie sieht eine Lösung aus? Und was passiert konkret, wenn wir ein Projekt starten? Genau diese Fragen beantwortet die Seite jetzt: kurz, nachvollziehbar und ohne Technik‑Jargon.
Meine Anforderungen
Die Seite soll in einfachen Worten zeigen, welche geschäftlichen Probleme ich löse, nicht, welche Frameworks ich mag.
Dazu gehören anschauliche Beispiele, die “Aha‑Effekte” erzeugen, sowie ein transparenter Projektablauf, damit man weiß, was auf einen zukommt.
Die Seite soll auf dem Smartphone genauso gut funktionieren wie auf dem Desktop, schnell laden, einen Dark Mode anbieten und ohne Cookies/Tracker auskommen.
Impressum und Datenschutzerklärung sollen vollständig sein; die Schrift lokal ausgeliefert werden, damit keine externen Verbindungen entstehen.
Der Markenauftritt – Name, Domain, Logo, Bildsprache – soll ruhig und professionell wirken.
Die Kontaktaufnahme soll so einfach wie möglich sein: Eine klare Adresse, ein eindeutiger Call‑to‑Action, keine Hürden.
Mein AI-Workflow
Für den inhaltlichen und visuellen Feinschliff habe ich verschiedene Modelle kombiniert: Mit Claude Code habe ich iterativ Layout‑Anpassungen und Komponentenüberarbeitungen vorgenommen; dabei ist auch das Logo entstanden.
Mit ChatGPT habe ich Texte verbessert, Entscheidungen rund um Domain und Depolyment besprochen und das Bild für den Blogpost generiert. Für ein neues Porträt auf der Website habe ich Google Gemini eingesetzt, um das Foto stilistisch anzupassen.
Was die Website kann
Die Startseite führt in acht klaren Abschnitten durch den gesamten Entscheidungsprozess: vom ersten “Kommt Ihnen das bekannt vor?” über eine greifbare Lösungsskizze bis hin zu Demo‑Dashboards, Leistungen, Projektablauf und Kontakt.
Wer sich fragt, ob Automatisierung wirklich hilft, findet vier klickbare Beispiel‑Dashboards (Sales, Operations, Finance, Funnel), die typische Fragen beantworten – etwa welche Produkte wirklich tragen, wo Prozesse hängen oder an welcher Stelle im Trichter Interessenten abspringen. Jede Demo‑Seite erklärt die Fragestellung in normaler Sprache, zeigt KPIs auf einen Blick, liefert eine konkrete Erkenntnisbox und visualisiert Zeitverläufe. So entsteht ein Gefühl dafür, wie ein eigenes Dashboard später wirken kann.
Die Seite erklärt außerdem, wie ein Projekt abläuft (Ausgangssituation verstehen, Struktur und Kennzahlen festlegen, Umsetzung, Übergabe/Anpassung) und lädt am Ende zur unverbindlichen Kontaktaufnahme ein. 📊
Stack & Tools
Frontend: React und TypeScript mit TailwindCSS
Visualisierung: Recharts
Herausforderungen & Learnings
Inhalte statt Technik: Die größte Arbeit war diese Woche konzeptionell; Nutzen klar erklären und Beispiele so wählen, dass Entscheider sich wiederfinden.
Langfristige Entscheidungen: Domain und Logo sind Dinge, die man nicht ständig wechselt; hier halfen Diskussionen mit ChatGPT und Claude. 🎯
DSGVO im Detail: Was gehört ins Impressum, was in die Datenschutzerklärung, welche IDs (z. B. USt‑ID) sind sinnvoll, und was lasse ich weg?
Null‑Tracking konsequent: Keine Cookies, keine Analytics klingt simpel, erfordert aber Einschränkungen bei Schrift, Icons und Einbindungen aus Drittsystemen.
Mobiler Feinschliff
Live-Demo
Die Website ist bereits live und erreichbar unter:
Fazit
Woche 30: ✅
Diese Woche war spannend, weil ich dieses Mal nicht nur Entwicklerin, sondern auch Entscheiderin war. Mit dem Ergebnis bin ich sehr zufrieden! Ich weiß noch nicht, ob es nächste Woche ein Wochenprojekt geben wird. Das Zeiterfassungstool wartet noch auf die Fertigstellung, aber ich habe auch schon Ideen für neue Projekte. Es bleibt spannend!
