Projekte

Websites und Web-Apps, die ich von A bis Z umgesetzt habe – von Kundenwebsites über eine Gemeindeplattform bis zu einem internen Tool für mein Team.

Unternehmenswebsite · 2026
Leather Lab
Marketing-Website für Leather Lab, einen mobilen Reparaturservice für Möbel, Leder und Vinyl im Großraum St. Louis, Missouri. Sie ist auf Auffindbarkeit ausgelegt: Jede Leistung hat eine eigene vorgerenderte Seite, und eine Übersicht der Einsatzgebiete deckt mehr als 45 Städte ab.
- Leistungsseiten und eine Übersicht der Einsatzgebiete mit über 45 Städten
- Fotogalerie mit Lightbox und Vorher-nachher-Vergleichen
- SEO-Grundlagen: Prerendering, Sitemap und strukturierte Daten (JSON-LD)
- Helles und dunkles Design, Fehlerüberwachung mit Sentry und Analyse mit PostHog
- TanStack Start
- React 19
- Vite
- Tailwind CSS
- shadcn/ui
- Turborepo
Website besuchen: Leather Lab (öffnet in einem neuen Tab)leatherlabusa.com
Gemeinde-Website mit Admin-Bereich · 2026
UGKK Nürnberg
Website der ukrainischen griechisch-katholischen Personalpfarrei St. Nikolaus in Nürnberg. Gemeindemitglieder in Nürnberg, Erlangen, Fürth und Bamberg finden Gottesdienstzeiten, Neuigkeiten und Kontakte, und das Gemeindeteam pflegt alle Inhalte selbst im Admin-Bereich.
- Monatlicher Gottesdienstplan pro Stadt mit Feiertagen, Hinweisen und Veranstaltungen
- News-Artikel, Gemeindeverzeichnis und Foto-Uploads über den Convex-Dateispeicher
- Admin-Bereich mit rollenbasiertem Zugriff für Artikel, Pläne, Gemeinden und Benutzer
- Ukrainisch und Deutsch, inklusive hreflang, JSON-LD und Open-Graph-Metadaten
- TanStack Start
- Convex
- React 19
- TanStack Query
- Tailwind CSS
- shadcn/ui
Website besuchen: UGKK Nürnberg (öffnet in einem neuen Tab)ugkk-nuernberg.com
Unternehmenswebsite · 2026
Keylab
Website für Keylab, einen mobilen Schlüsseldienst für Autoschlüssel-Ersatz und Türöffnungen in Lincoln County, Missouri. Sie ist für Menschen in Eile gemacht: Leistungen, Preise und ein Anruf-Button sind immer nur einen Scroll entfernt.
- Leistungs- und Preisübersicht mit klar erklärtem Ablauf
- Anruf- und SMS-Aktionen auf der gesamten Seite
- Galerie mit Lightbox, FAQ-Akkordeon und Seite zu den Einsatzgebieten
- Teilt sich ein UI-Paket mit Leather Lab im selben Monorepo
- TanStack Start
- React 19
- Tailwind CSS
- shadcn/ui
- Turborepo
Website besuchen: Keylab (öffnet in einem neuen Tab)keylabusa.com
Internes Team-Tool · 2026
TimeBox
Ein Timeboxing-Timer für Team-Meetings und Sprint-Refinements, entstanden als internes Tool für mein Team bei Planerio. Er verteilt die Meetingzeit auf Storys und ermöglicht Planning Poker in Echtzeit – ohne Konto, ein geteilter Link genügt.
- Countdown-Timer mit Voreinstellungen, Signalton und schwebendem Bild-im-Bild-Fenster
- Planungssitzungen, die die Restzeit nach jeder abgeschlossenen Story neu verteilen
- Planning-Poker-Räume in Echtzeit mit Fibonacci-, Zahlen- und T-Shirt-Decks
- Vier Farbthemen, jeweils im hellen und dunklen Modus
- Next.js 16
- Convex
- React 19
- Tailwind CSS
- shadcn/ui
Website besuchen: TimeBox (öffnet in einem neuen Tab)team-timer-theta.vercel.app
Onepager · 2026
Rechtsanwalt Ihor Bodnar
Onepager für Rechtsanwalt Ihor Bodnar in Sbarasch, Ukraine. Die Seite stellt seine Schwerpunkte vor – Familien-, Renten-, Arbeits-, Zivil-, Boden- und Verwaltungsrecht – und macht die Kontaktaufnahme per Telefon oder Messenger einfach.
- Anruf-, WhatsApp- und Viber-Buttons direkt im Hero-Bereich
- Ukrainisch und Englisch mit next-intl und Sprachumschalter
- Strukturierte Daten für Anwälte, Sitemap und Open-Graph-Bilder pro Sprache
- Helles und dunkles Design mit dezenten Framer-Motion-Animationen
- Next.js 16
- React 19
- next-intl
- Tailwind CSS
- shadcn/ui
- Framer Motion
Website besuchen: Rechtsanwalt Ihor Bodnar (öffnet in einem neuen Tab)bodnar.in.ua

Sie haben ein Projekt im Kopf?

Ich freue mich auf ein Gespräch über Websites, Web-Apps und alles dazwischen.

Kontakt aufnehmen

Projekte

Leather Lab

UGKK Nürnberg

Keylab

TimeBox

Rechtsanwalt Ihor Bodnar

Sie haben ein Projekt im Kopf?