Referenzen für Webdesign & Webentwicklung

Websites.
Software.
Eigene Ideen.

Webdesign und individuelle Webentwicklung für Kunden und Partner, ergänzt um eigene Softwareprojekte wie Obserya.

Website-Projekt besprechen

Websites und Software aus meiner Arbeit.

Keine Mockups. Keine Beispielprojekte. Keine hübschen Platzhalter. Sondern echte Websites, die online sind und einen konkreten Zweck erfüllen.

Künstlerwebsite

Thomas Marko

Elektronische Musik mit einer Website, die darauf reagiert.

Projektart: Neuaufbau

Thomas MarkoWebsite
Startseite der Künstlerwebsite von Thomas Marko

Startseite: Porträt, Licht und Bewegung als visuelle Leitidee.

Für Thomas Marko habe ich eine zweisprachige Künstlerwebsite konzipiert und entwickelt. Im Mittelpunkt stehen seine Musik und ausgewählte Releases – ergänzt durch Einblicke in seinen musikalischen Weg, sein Studio, seine Qualifikationen sowie Mixing & Mastering.

Die visuelle Sprache verbindet dunkle, editoriale Flächen mit warmen Kupferakzenten. Licht, Bewegung und interaktive Ebenen greifen die Atmosphäre seiner Musik auf, ohne zur bloßen Dekoration zu werden.

Technisch basiert das Projekt auf Next.js, React, Canvas und Sanity. Inhalte wie Releases, Bilder und die Startseiten-Audiovorschau können redaktionell gepflegt werden.

Musikreaktiver Audioplayer mit eigener Audioanalyse

Interaktive Licht- und Partikeleffekte

Click-to-load für SoundCloud und Spotify

Deutsch-englische Seitenstruktur mit individuellem CMS

Medienpflege über Sanity

Releases, Cover, Studio- und Qualifikationsbilder sowie die Audio-Vorschau werden über ein eigenes Sanity Studio gepflegt. Veröffentlichte Inhalte werden automatisiert in den Produktionsstand übernommen.

Thomas Markos Website ansehen
Umsetzung
Next.js, React, Canvas, Sanity
Schwerpunkt
Audioplayer & Interaktion
Sprachen
Deutsch & Englisch
Passende Leistung
Website erstellen lassen
Künstlerwebsite

Sun Thai Tattoo

Gemeinsam umgesetzt mit Digitalagentur Cottbus

Für Sun Thai Tattoo in Pattaya entstand eine neue Website. Besucher sollen Suns Arbeiten in Ruhe ansehen, seine Schwerpunkte kennenlernen und mit einer konkreten Tattooidee Kontakt aufnehmen können.

Projektart: Neuaufbau

Sun Thai TattooWebsite
Startseite von Sun Thai Tattoo in Pattaya

Tattooarbeiten beurteilen. Direkt mit dem Studio sprechen.

Originale Tattoo-Fotos, Zeichnungen und Einblicke aus dem Studio stehen im Mittelpunkt. Eine vergrößerbare Galerie, Cover-up-Vergleiche und Arbeitsvideos zeigen unterschiedliche Seiten seiner Arbeit.

Englisch und Thai haben eigene Sprachfassungen. Die Kontaktwege führen direkt zum Studio, vor allem über WhatsApp. Die Cover-up-Vergleiche zeigen die Veränderung einer Tätowierung und sind Teil von Suns Portfolio.

Website ansehen
Umsetzung
Next.js, React
Schwerpunkt
Galerie & direkte Anfrage
Sprachen
Englisch & Thai
Passende Leistung
Website erstellen lassen
Unternehmenswebsite

Main-Kinzig Krankentransport

Die bestehende Website von Main-Kinzig Krankentransport wurde neu aufgebaut. Der Auftritt richtet sich an Menschen in Hanau, Maintal und dem Main-Kinzig-Kreis, die eine Fahrt für sich oder Angehörige organisieren.

Projektart: Relaunch

Main-Kinzig KrankentransportWebsite
Startseite von Main-Kinzig Krankentransport

Fahrtangebote, Ansprechpartner und Kontakt zusammengeführt.

Die Website ordnet die Fahrtangebote, zeigt Fahrzeuge und nennt die passenden Ansprechpartner. Telefonische Kontaktwege stehen direkt bei den Leistungen. Für kurzfristige Fahrten verweist die Kontaktsektion auf das Telefon.

Die Umsetzung nutzt Astro. Für ausgewählte Bilder, Ansprechpartner und Betriebszeiten ist ein separates Sanity Studio angebunden. Der Bearbeitungsumfang ist auf diese Bereiche abgestimmt.

Website ansehen
Umsetzung
Astro, Sanity
Schwerpunkt
Leistungen & Ansprechpartner
Sprachen
Deutsch
Passende Leistung
Website-Relaunch
Google PageSpeed Insights · Mobil

Von 66 auf 96 Punkte – nach dem Relaunch.

Die Startseite von MKK Hanau wurde am 16. und 28. September 2026 im mobilen Profil geprüft. Der Vergleich dokumentiert den Stand der jeweiligen Messung; reale Nutzerwerte können davon abweichen.

Leistung
6696
Largest Contentful Paint
11,6 s2,9 s
Cumulative Layout Shift
0,1110,001
Agentisches Browsing
0/23/3
Unternehmenswebsite

SUP Camp Verleih Kahl

Relaunch und laufende Betreuung am Kahler See.

Projektart: Relaunch

SUP Camp Verleih KahlWebsite
Startseite von SUP Camp Kahl

Die bisherige Website war technisch überholt und umständlich zu pflegen. Ich habe sie in WordPress vollständig neu aufgebaut, übersichtlicher strukturiert und für die weitere Pflege vereinfacht.

Wichtig war dabei vor allem, dass Besucher schnell verstehen, welche Angebote es gibt, wo der Verleih stattfindet und wie sie einen Kurs anfragen oder Kontakt aufnehmen können.

Nach dem Relaunch betreue und warte ich die Website weiter. Dazu gehören technische Updates sowie Änderungen und Anpassungen an den Inhalten.

Lokale Suchmaschinenoptimierung für den SUP-Verleih am Kahler See

Pflegeleichter WordPress-Aufbau

Laufende Contentpflege und Optimierung

Verleih, Kurse und Preise klar strukturiert

Das Angebot wurde so aufgebaut, dass Verleih, Kurse, Preise und Standort schnell zu finden sind. Telefon, WhatsApp und Kontaktformular schaffen kurze Wege für Fragen und Kursanfragen.

Entwicklung nach dem Relaunch

Nach dem Relaunch verzeichneten Start- und Angebotsseite im freigegebenen 28-Tage-Vergleich mehr Google-Klicks. Das belegt keine Wirkung einer einzelnen Maßnahme, zeigt aber eine positive Entwicklung.

Seite besuchen
Umsetzung
WordPress
Schwerpunkt
Relaunch & laufende Betreuung
Sprachen
Deutsch
Passende Leistung
Website-Relaunch
Partnerprojekt

Holzbau Rustikal

Kooperation mit redbra.in

Blockhäuser und Naturstammhäuser ausführlich vorgestellt.

Holzbau RustikalWebsite
Startseite von Holzbau Rustikal

Für Holzbau Rustikal war ich in Zusammenarbeit mit redbra.in an Konzept, Gestaltung und technischer Umsetzung beteiligt. Die Website stellt Hausarten und rustikale Holzbauprojekte anhand von Projektbildern vor.

Design und visuelle Vereinheitlichung

Visuelle Führung umfangreicher Bildinhalte

Technische Umsetzung in WordPress

Einordnung

Bei Holzbau Rustikal ging es darum, die Unterschiede der Angebote zu erklären und umfangreiche Projektbilder so anzuordnen, dass Interessenten sich darin zurechtfinden.

Seite besuchen
Umsetzung
WordPress
Schwerpunkt
Hausarten & Projektbilder
Sprachen
Deutsch
Passende Leistung
Webdesign
Agenturwebsite

Digitalagentur Cottbus

Agenturangebot und Fachblog in WordPress.

Digitalagentur CottbusWebsite
Startseite der Digitalagentur Cottbus

Für die Digitalagentur Cottbus habe ich die Website erstellt. Das Agenturangebot ist auf eigene Leistungsseiten verteilt; der Blog bündelt Fachbeiträge nach Themen und ist dadurch sehr übersichtlich.

Automatisiertes Beitragssystem

Eigene Template-Logik für Inhalte

Technische Umsetzung in WordPress

Beiträge ohne neues Seitenlayout

Neue Fachbeiträge lassen sich in WordPress veröffentlichen, ohne das Seitenlayout jedes Mal neu aufzubauen.

Seite besuchen
Umsetzung
WordPress
Schwerpunkt
Leistungsseiten & Fachblog
Sprachen
Deutsch
Passende Leistung
Website erstellen lassen
Eigene Entwicklung

Obserya

Windows-App in Entwicklung und begleitende Produktwebsite.

ObseryaWebsite
Deutschsprachige Produktwebsite von Obserya

Die Landingpage erklärt Aufgaben und Funktionen der Anwendung.

Mit Obserya entwickle ich eine lokale Windows-Anwendung für Website-Audits. Die begleitende Produktwebsite erklärt, was die Software prüft und wie man mit den Befunden weiterarbeitet.

Die Produktwebsite

Die deutsch-englische Landingpage erklärt das Werkzeug mit auswählbaren Befunden, vergrößerbaren Screenshots und Reportbeispielen. Architekturansichten zeigen, wie die Auditdaten verarbeitet werden.

Individuelle Umsetzung mit Next.js und React

Obserya-Website ansehen

Die Windows-App

Die Software prüft das abgerufene HTML einer Website. Befunde verknüpfen das Problem mit der betroffenen Seite und dem erhobenen Wert. Daraus entstehen priorisierte Maßnahmen, Kundenberichte und technische Exporte. Unsichere Befunde bleiben als Prüfbedarf gekennzeichnet.

Die Seitenrolle fließt in die Bewertung ein. Eine rechtliche Hilfsseite wird anders eingeordnet als eine Leistungsseite.

Der Auditkern verarbeitet und speichert die Daten auf dem eigenen Rechner. Für den Abruf der geprüften Website ist eine Internetverbindung erforderlich.

Was Obserya bewertet

Obserya bewertet technisches SEO und AI Readiness getrennt. AI Readiness beschreibt hier, wie sich Inhalte technisch und inhaltlich auslesen und zuordnen lassen. Eine tatsächliche Nennung in KI-Antworten misst dieser Wert nicht.

Obserya fließt in meine eigene Prüfarbeit ein.

Hintergrund zu Obserya lesen
Umsetzung
Next.js, React, Windows-App
Schwerpunkt
Produktwebsite & Auditsoftware
Sprachen
Deutsch & Englisch
Eigenprojekt · dieser Auftritt

CoreWeb Studio

Die eigene Website als laufendes Produkt.

CoreWeb Studio wurde als eigener Auftritt mit Next.js und React neu entwickelt. Die Fachartikel werden über Sanity gepflegt. Jede Leistungsseite beantwortet eine eigene Suchanfrage, bleibt aber gestalterisch und über interne Links Teil derselben Website.

Der neue Auftritt ersetzt die bisherige WordPress-Seite. Startseite, Referenzen und Leistungsseiten bekommen jeweils eine eigene Aufgabe; Typografie, Bewegung und Hintergrundelemente halten sie als Gesamtauftritt zusammen.

Umsetzung
Next.js, React und Sanity
Aufgabe
Leistungen erklären und Projekte belegen
Inhalte
Statische Seiten und redaktionelle Artikel
Status
Eigener Studio-Auftritt

Weitere Website-Arbeiten

Waidkost

Für Waidkost habe ich die Seite „Frisch im Angebot“ gebaut und kleinere Anpassungen an der Über-uns-Seite vorgenommen.

Ihr Projekt

Erzählen Sie mir
von Ihrem Projekt.

Schicken Sie mir Ihr Vorhaben oder den Link zu Ihrer bestehenden Website. Ich kläre mit Ihnen, welche Inhalte und Funktionen gebraucht werden und welcher Umfang dafür passt.

Website-Projekt besprechen