Referenzen & eigene Projekte

Websites und Anwendungen aus der Praxis.

Vom Unternehmensauftritt bis zum Ortsportal: Hier siehst du konkrete Umsetzungen, Designstudien und eigene Werkzeuge. Jede Referenz beschreibt ihre Aufgabe, die Umsetzung und den aktuellen Stand.

Live = öffentlich erreichbare Website · Demo = Entwurf oder Designstudie · Intern = eigene Entwicklung.

Öffentliche Projekte

Vier Websites mit unterschiedlichen Aufgaben.

Unternehmenspräsentation, Ortsportal, Tattoo-Portfolio und Praxiswebsite. Die Details erklären, was jeweils umgesetzt wurde.

Live

Dielingen.de – Ortsportal

Ortsportal mit Veranstaltungskalender, öffentlicher Termineinreichung und Fotoarchiv. Redaktionelle Abläufe und lokale Informationen sind in einer Anwendung verbunden.

WebanwendungKalenderFreigaben

Website ansehen →

Aufgabe

Termine, Vereine und Ortsinformationen sollen gemeinsam auffindbar und laufend pflegbar sein.

Umsetzung

Monats- und Listenansicht mit Filtern und mobiler Agenda.
Öffentliche Termineinreichung mit redaktioneller Prüfung vor der Veröffentlichung.
Ortsbereiche, Vereins- und Gewerbeinformationen sowie Fotoarchiv.

Technische Basis

LaravelResponsive OberflächeRedaktionelle Verwaltung

Projektstand

Das Ortsportal ist öffentlich erreichbar. Es verbindet die Präsentation des Ortes mit konkreten Eingabe- und Verwaltungsabläufen.

Live

Patrick Melzer Elektrotechnik

Unternehmenswebsite mit übersichtlichen Leistungsseiten und direktem Anfrageweg. Strukturierte Quellen und ein kontrollierter Veröffentlichungsablauf erleichtern die Pflege.

UnternehmenswebsiteAnfrageformularTechnische Pflege

Website ansehen →

Aufgabe

Leistungen eines Elektrotechnikbetriebs verständlich präsentieren und passende Kontaktwege anbieten.

Umsetzung

Responsive Unternehmenspräsentation mit eigenen Leistungsbereichen.
PHP-Kontaktformular mit serverseitiger Validierung und Begrenzung unerwünschter Anfragen.
Einwilligungsgebundene Analyse und technisch gepflegte Seitenstruktur.

Technische Basis

HTML/CSS/JavaScriptPHPStrukturierte Inhaltsquellen

Projektstand

Die Website ist öffentlich erreichbar. Die Referenz zeigt die umgesetzten Seiten und Anfragewege.

Live

Tammy Tattoo – Portfolio & Anfrage

Individuelles Tattoo-Portfolio mit Stilfiltern, Bildgalerie und geführter Kontaktanfrage. Gestaltung und Bedienung sind für große und kleine Bildschirme ausgearbeitet.

PortfolioGalerie & FilterGeführte Anfrage

Website ansehen →

Aufgabe

Arbeiten übersichtlich zeigen und Interessierten helfen, ihre Tattoo-Idee für eine Anfrage zu beschreiben.

Umsetzung

Portfolio mit Stilfiltern und vergrößerbarer Bildansicht.
Geführte Anfrage mit editierbaren Vorschlägen.
Lokal gehostete Medien und Schriften sowie passende mobile Videofassung.
Berücksichtigung reduzierter Bewegung und des Datensparmodus.

Technische Basis

HTML/CSS/JavaScriptPHPOptimierte Bild- und Videomedien

Projektstand

Das Portfolio ist öffentlich erreichbar. Gezeigt werden Gestaltung, Galerie und Anfrageführung.

Live

Osteopathie Hofmann – Praxiswebsite

Praxiswebsite mit verständlichen Patienteninformationen, Krankenkassen-Finder und Kontaktformular. Ein sichtbarer Eröffnungshinweis erklärt den aktuellen Stand.

PraxiswebsiteKontaktformularWebsitepflege

Website ansehen →

Aufgabe

Eine neue Praxis benötigt einen verständlichen Webauftritt, der Leistungen, Kontakt und den Stand vor der Eröffnung erklärt.

Umsetzung

Responsive Informationsseiten und klare Wege zu Kontakt und Anfahrt.
Krankenkassen-Finder zur Orientierung bei der eigenen Erstattungsrecherche.
Kontaktformular mit verständlichen Fehlerzuständen und Erhalt der Eingaben.
Laufende technische Pflege mit Browserprüfungen und kontrollierter Veröffentlichung.

Technische Basis

HTML/CSS/JavaScriptPHPGetrennte Verwaltungsanwendung

Projektstand

Die Praxiswebsite ist live. Die Praxis ist noch nicht eröffnet; die Referenz beschreibt die Website. Ergänzende interne Termin- und Verwaltungssoftware ist ein separater Projektteil.

Eigene Anwendungen

Digitale Abläufe selbst entwickeln.

Der Website-Konfigurator ist hier nutzbar. Das Verwaltungswerkzeug ist eine interne Entwicklung; es wird nicht als fertiges Kundenprodukt angeboten.

Intern

TDS – Website-Konfigurator mit PDF

Eigene AnwendungAuswahl → Zusammenfassung → PDF

Eigene Webanwendung für eine strukturierte Website-Anfrage: Auswahl speichern, Zusammenfassung erstellen und als PDF oder Druckansicht weitergeben.

EigenentwicklungFormularübergabePDF-Ausgabe

Anwendung ansehen →

Aufgabe

Aus einer ersten Website-Idee soll eine nachvollziehbare Projektanfrage mit wiederverwendbarer Auswahl entstehen.

Umsetzung

Gemeinsamer Optionskatalog mit stabilen IDs und wiederherstellbarer Auswahl.
Übergabe der Zusammenfassung an das Kontaktformular.
PDF-Ausgabe, vollständige Druckansichten und statische Fallbacks.
Tests für Datenübergabe, Sonderzeichen und Eingabegrenzen.

Technische Basis

JavaScriptPHPNative PDF-Ausgabe

Projektstand

Eigene, öffentlich nutzbare Anwendung auf dieser Website. Sie dient als Beispiel für strukturierte Eingaben und Dokumentausgabe.

Intern

Verwaltungswerkzeug – interne Entwicklung

Interne EntwicklungDaten erfassen · Dokumente erstellen

Interne Eigenentwicklung für strukturierte Datenerfassung, Angebote, Rechnungen und Dokumentenablage. Die Module sind in Entwicklung und kein fertiges Standardprodukt.

Interne EntwicklungVerwaltungsabläufeDaten & Dokumente

Aufgabe

Wiederkehrende Verwaltungsaufgaben in eigenen Werkzeugen zusammenführen und Eingaben für Dokumente und Exporte wiederverwenden.

Umsetzung

Lokale Desktopoberfläche mit Kunden-, Angebots- und Dokumentenmodulen.
PDF- und CSV-Ausgaben sowie vorbereitete wiederkehrende Vorgänge.
Separate Webentwicklung mit Anmeldung, Rollen und Verwaltungsrouten.

Technische Basis

Python / PySide6 / SQLiteReact / TypeScriptFastAPI

Projektstand

Interne Entwicklung mit implementierten Modulen, noch kein fertiges Kundenprodukt.

Entwürfe & Designstudien

Gestaltung und Interaktion ausprobieren.

Diese fünf Demos zeigen mögliche Auftritte und Funktionen. Sie sind keine veröffentlichten Kunden-Relaunches.

Demo

Team Wichert – Websiteentwurf

Websiteentwurf für Baum- und Forstarbeiten mit Leistungsseiten, Einsatzbildern und Maschinenpräsentation.

WebsiteentwurfLeistungsseitenArbeitsgalerien

Demo ansehen →

Aufgabe

Ein Entwurf soll die verschiedenen Arbeitsbereiche und die eingesetzte Technik übersichtlich präsentieren.

Umsetzung

Mehrseitige Leistungsstruktur für regionale Baum- und Forstarbeiten.
Arbeitsgalerien und Maschinenpräsentation mit vorbereiteten Inhaltsbereichen.
Responsive Kontaktwege und verständliche Navigation.

Technische Basis

HTML/CSS/JavaScriptBildgalerienTechnische SEO-Grundlagen

Projektstand

Öffentliche Demo des Entwurfs. Der Entwurf ist von der bestehenden Website getrennt.

Demo

Dermatologie Diepholz – Designstudie

Designstudie für eine dermatologische Praxis: ruhige Gestaltung, verständliche Patientenwege sowie Kontakt und Anfahrt.

DesignstudiePraxisgestaltungPatientenwege

Demo ansehen →

Aufgabe

Leistungen und Patienteninformationen in einer ruhigen, gut lesbaren Praxisgestaltung ordnen.

Umsetzung

Mehrseitiger Entwurf mit klarer Navigation und responsiven Inhaltsbereichen.
Sichtbare Kontakt- und Anfahrtswege.
Externe Karte erst nach bewusster Freigabe.

Technische Basis

EleventyHTML/CSS/JavaScriptKontrollierte externe Inhalte

Projektstand

Präsentationsfähige Demo. Inhaltliche, medizinische, rechtliche und Bildfreigaben für einen Produktivauftritt sind gesondert erforderlich.

Demo

Strauß-Apotheke Dielingen – Designstudie

Eigenständiger Homepage-Entwurf für eine lokale Apotheke mit Standortbild, schnellen Kontaktwegen und geordneten Informationen.

DesignstudieLokale WebsiteKontakt & Anfahrt

Demo ansehen →

Aufgabe

Ein Gestaltungsvorschlag soll die Orientierung zu Kontakt, Standort und Beratungsangeboten erleichtern.

Umsetzung

Standortbezogener Einstieg und kurze Wege zu den wichtigsten Informationen.
Vorbereitete Bereiche für Beratung und Kontakt.
Kontrollierte Karteneinbindung und strukturierte Metadaten.

Technische Basis

HTML/CSS/JavaScriptConsent-SteuerungStrukturierte Daten

Projektstand

Öffentliche Designstudie, keine freigegebene Produktivwebsite der Apotheke.

Demo

VanArt – Designstudie Camperausbau

Gestaltungsstudie für eine Campermanufaktur mit Leistungsübersicht, großzügigen Bildern und vorbereiteter Projektpräsentation.

DesignstudieMehrseiterProjektpräsentation

Demo ansehen →

Aufgabe

Ein visueller Entwurf soll Leistungen und mögliche Projekte einer Campermanufaktur geordnet vorstellen.

Umsetzung

Responsive Mehrseitenstruktur mit Leistungs- und Kontaktbereichen.
Bildbetonte Gestaltung und klare Seitenhierarchie.
Vorbereitete Projektbereiche mit Demo-Inhalten.

Technische Basis

HTML/CSS/JavaScriptResponsive LayoutsOptimierte Medien

Projektstand

Demo-/Staging-Fassung mit Beispielinhalten. Echte Projektergebnisse und ein fertig abgenommenes Kontaktbackend werden nicht behauptet.

Demo

WCM – Interaktiver Websiteentwurf

Websiteentwurf mit Spiel- und PC-Leistungs-Check. Besucher wählen Spiel, Grafikanspruch und Budget als Grundlage einer passenden Anfrage.

DemoInteraktiver CheckAnfrageführung

Demo ansehen →

Aufgabe

Ein komplexeres PC-Angebot soll für Interessierte mit unterschiedlichen Vorkenntnissen verständlich werden.

Umsetzung

Schrittweiser Spiel- und Leistungs-Check mit Komponentenorientierung.
Paketdarstellung und vorbereitete Wunsch-PC-Anfrage.
Bewegungspräferenzen im animierten Hintergrund berücksichtigt.

Technische Basis

HTML/CSS/JavaScriptInteraktive AuswahlCanvas

Projektstand

Öffentliche Konzept-Demo mit interaktiver Anfrageführung. Die vorgeschlagenen Komponenten dienen der ersten Orientierung.

Dein Projekt

Welche Aufgabe soll deine Lösung übernehmen?

Beschreibe kurz deinen Betrieb, den heutigen Ablauf und das gewünschte Ergebnis. Daraus klären wir einen passenden Umfang.

Projekt schildern