TL;DR
In dieser Woche habe ich den Prototyp meiner eigenen Website aufgesetzt, um mein Angebot (Dashboards und interne Tools für kleine und mittlere Unternehmen) auch außerhalb von LinkedIn vorzustellen. Der Fokus lag auf einer simplen, aber verständlichen Startseite, Beispiel‑Projekten und einem hübschen Design. Inhalte und rechtliche Seiten sind noch im Aufbau; die Demo-Dashboards zeigen bereits, wie Auswertungen künftig aussehen können. Nächste Woche passe ich die Texte an, ergänze echte Beispiele und bereite die Veröffentlichung vor.
Kontext & Ziel
Bisher habe ich vor allem über LinkedIn kommuniziert, was ich anbiete. Mit Blick auf den Abschluss meiner Masterarbeit möchte ich zukünftig eine zentrale Anlaufstelle schaffen, die in wenigen Sekunden erklärt, welches Problem ich löse und wie eine Zusammenarbeit aussehen kann. Das Ziel dieser Woche war noch kein perfekter Launch, sondern ein solider Prototyp mit simpler Struktur, ersten Inhalten, Beispiel-Dashboards und einem ansprechenden Design. Die Inhalte sind noch nicht final und es fehlen noch rechtlich relevante Seiten. Das werde ich hoffentlich nächste Woche nachreichen.
Meine Anforderungen
Auf den ersten Blick verständlich machen, welches Problem ich löse
Eine Startseite, die Nutzen statt Technik in den Mittelpunkt stellt
Beispiele für Dashboards zeigen, damit Entscheidende sehen, was sie bekommen
Ein seriöses, modernes Design
Texte, die kurz, klar und lösungsorientiert sind
Mein AI-Workflow
Für das Interface und die Komponenten habe ich mit Claude Code gearbeitet; die inhaltliche Struktur stammt aus Sessions mit ChatGPT.
Da ich keine Designerin bin, habe ich Claude Code mit einem Entwurf aus ShadCN/UI gefüttert.
Die Texte habe ich dann teilweise mit ChatGPT und mit Claude Code entwickelt.
Das Bild für den Blogpost wurde mit ChatGPT erstellt.
Was bisher da ist
👉 Startseite mit Dienstleistungen und kurzer Erklärung, welche Ergebnisse Unternehmen erwarten dürfen 📊
👉 Problem‑Sektion mit typischen Alltagssituationen (manuelle Reports, verteilte Daten), gefolgt von einer Lösungsskizze
👉 Dashboard‑Beispiele mit exemplarischen Kennzahlen, um die spätere Darstellung greifbar zu machen
👉 Ein transparenter Prozess‑Abschnitt (Schritte von Analyse bis Rollout), damit die Zusammenarbeit planbar wirkt
👉 Über‑mich‑Bereich plus Kontaktabschnitt für eine schnelle Anfrage
Stack & Tools
Frontend: React, TypeScript, Tailwind CSS
Daten: synthetische Beispiel‑Daten für erste Visualisierungen
Deployment: lokal im Prototyp‑Stadium, Domain noch in Klärung
Herausforderungen & Learnings
Design ohne Designer: Mit ShadCN‑Bausteinen gestartet, dann mit Claude Code angepasst. 🎨
Lösung statt Technik: Die größte Hürde ist, den Nutzen in wenigen Wörtern zu formulieren. Ohne Buzzwords, aber konkret genug, dass Entscheider sofort verstehen, was geliefert wird.
Platzhalter‑Dashboards vs. echte Cases: Für den Prototyp reichen Demo‑Daten; nächste Woche baue ich Beispiele, die den messbaren Mehrwert vermitteln.
Domain & Rechtliches: Mir fällt es schwer, mich für eine Domain zu entscheiden. Impressum und Co müssen natürlich alle rechtlichen Anforderungen erfüllen.
Keine Live-Demo
Keine Live‑Demo, da die Website noch offline ist.
Fazit
Woche 29: ✅
Der Anfang ist gemacht: eine schicke, kleine Website, die noch auf ihre entgültigen Inhalte wartet.
Nächste Woche gibt es dann Texte, die zielgruppenorientiert sind, und natürlich die Beispiel-Dashboards. Hoffentlich kann ich mich bis dahin für eine Domain entscheiden, aber für den Anfang bin ich zufrieden. 💡
