Kundenprojekt

Massage Therapy

Weblösung

Für das Massagestudio Massage Therapy habe ich eine responsive Weblösung mit öffentlicher Webseite, Online-Terminbuchung und individuell angepasstem Gutscheinshop umgesetzt.

Startseite der Webseite Massage Therapy
Die Startseite vermittelt den ersten Eindruck des Studios.

Mein Schwerpunkt lag auf der technischen Umsetzung, der Anpassung von WordPress- und WooCommerce-Prozessen sowie eigener PHP-Logik für Gutscheinverwaltung, Personalisierung, E-Mail-Abläufe und die automatisierte Erstellung von Gutschein-PDFs.

HTML5 CSS3 JavaScript PHP WordPress WooCommerce Responsive Design PDF-Erstellung

Projektart

Reales Kundenprojekt für ein Massagestudio

Schwerpunkt

Webseite, Terminbuchung und Gutscheinshop

Mein Beitrag

Webentwicklung, Prozessanpassung, PHP-Logik und Gutschein-PDFs

Kurz erklärt: Das Projekt verbindet Webdesign mit realen Geschäftsabläufen: Terminbuchung, Gutscheinbestellung, Personalisierung, PDF-Erstellung sowie abgestimmte E-Mail- und Bestellprozesse.
← Zurück zu den Projekten Webseite öffnen
Projektziel & Umsetzung

Vom Webauftritt zur nutzbaren Weblösung

Kundenanforderung

Ziel war eine übersichtliche Webseite, die das Studio präsentiert und gleichzeitig Termin- und Gutscheinprozesse digital unterstützt.

Besucher sollen Leistungen schnell finden, Termine über die Webseite anfragen und personalisierte Gutscheine bestellen können. Der Gutscheinprozess wurde dabei bewusst an den tatsächlichen Studioablauf angepasst: online bestellen, vorbereiten, vor Ort abholen und bezahlen.

Webseite

Struktur, Gestaltung und responsive Darstellung der öffentlichen Seiten.

Terminprozess

Einbindung und Anpassung der Online-Terminbuchung an die Abläufe des Studios.

Gutscheinshop

Anpassung von Auswahl, Personalisierung, Motiven und Bestellablauf.

PHP-Logik

Individuelle Funktionen für Gutscheinverwaltung und PDF-Erstellung.

E-Mail-Prozesse

Statusmeldungen für Bestellung, Vorbereitung, Abholung und Abschluss.

Praxisbezug

Umsetzung einer Lösung, die den realen Arbeitsablauf des Studios unterstützt.

Mein Beitrag: Aus einer reinen Webpräsenz wurde eine auf die tatsächlichen Studioabläufe abgestimmte Lösung mit mehreren miteinander verbundenen Funktionen.
Webseite & Design

Klare Struktur und responsive Darstellung

Mobil optimiert

Die öffentlichen Seiten wurden so aufgebaut, dass Leistungen, Kontaktmöglichkeiten und zentrale Aktionen schnell erreichbar sind.

Leistungsseite der Webseite Massage Therapy
Die Leistungsseite zeigt Massagearten, Preise und direkte Möglichkeiten zur Terminbuchung.

Klare Nutzerführung

Leistungen, Kontakt und Buchungsmöglichkeiten sind direkt auffindbar.

Desktop & Tablet

Inhalte passen sich flexibel an unterschiedliche Bildschirmgrößen an.

Smartphone

Navigation, Karten und Bedienelemente bleiben auch mobil gut nutzbar.

Mobile Ansicht der Leistungsseite von Massage Therapy
Mobile Ansicht mit angepasster Navigation und untereinander angeordneten Inhaltskarten.
Terminbuchung

Online-Terminvereinbarung

Integriert

Die Terminbuchung wurde so eingebunden, dass Interessierte direkt von der Webseite in einen klaren Buchungsprozess gelangen.

Ablauf der Online-Terminbuchung
Auswahl von Behandlung, Dauer, Wunschdatum, verfügbaren Uhrzeiten und Zahlungsart.

Behandlung, Dauer, Wunschdatum und verfügbare Zeiten werden schrittweise ausgewählt. Dadurch reduziert sich der Bedarf an telefonischer Abstimmung.

Direkter Einstieg

Terminanfragen können unmittelbar über die Webseite gestartet werden.

Mobile Nutzung

Der Buchungsprozess bleibt auch auf Smartphones gut bedienbar.

Studio-Prozess

Die Terminlogik wurde an die tatsächlichen Abläufe des Studios angepasst.

WooCommerce & PHP

Gutscheinshop und Automatisierung

Individuell angepasst

Der Gutscheinshop basiert auf WordPress und WooCommerce und wurde gezielt auf Personalisierung, Abholung und Barzahlung im Studio zugeschnitten.

Übersicht des Gutscheinshops von Massage Therapy
Übersicht mit Massagegutscheinen und Wertgutscheinen.

Kunden wählen Gutscheinart, Dauer oder Wert, Motiv, Namen und eine persönliche Widmung. Diese Angaben werden anschließend für die automatisierte Erstellung des Gutschein-PDFs verwendet.

Personalisierung eines Massagegutscheins im Shop
Personalisierung mit Motiv, Namen, Widmung und Ausgabeart.
Fertige Gutscheinvarianten mit Vorder- und Rückseiten
Fertige Gutscheinvarianten mit dynamisch eingefügten Angaben wie Wert, Namen, Widmung, Code und Datum.

Personalisierung

Namen, Widmung, Wert und Motive werden individuell übernommen.

PDF-Erstellung

Bestelldaten werden automatisiert in passende Gutscheinvorlagen übertragen.

Mehrere Motive

Unterschiedliche Layouts und Textpositionen werden berücksichtigt.

Bestellstatus

Statusmeldungen informieren über Eingang, Vorbereitung und Abholung.

Abholung

Der Shop ist auf persönliche Abholung statt Versand ausgelegt.

Barzahlung

Die Zahlung erfolgt beim Abholen des Gutscheins im Studio.

Technischer Mehrwert: Bestellung, Personalisierung, PDF-Erstellung und Statuskommunikation greifen in einem zusammenhängenden Workflow ineinander.
Technik & Lösungsfindung

Technischer Aufbau und Herausforderungen

Praxisnah

Das Projekt verbindet eine klassische Webseite mit WordPress, WooCommerce und eigener PHP-Logik.

Frontend

HTML5, CSS3 und JavaScript für die öffentliche Studio-Präsentation.

WordPress

Technische Basis für Terminbuchung und Gutscheinshop.

WooCommerce

Bestellprozess als Grundlage für die Gutscheinverwaltung.

PHP

Individuelle Logik für Gutscheinprozesse, Datenverarbeitung und PDF-Ausgabe.

Gutscheinmotive

Dynamische Texte mussten je Vorlage passend positioniert werden.

Mehrzeilige Widmungen

Zeilenumbrüche und Textlängen mussten bei der PDF-Ausgabe berücksichtigt werden.

Statuslogik

WooCommerce wurde auf Abholung und Barzahlung statt Versand angepasst.

Mobile Bedienung

Formulare, Navigation und Buchungsabläufe wurden für kleine Displays optimiert.

Mein Fokus: Individuelle Anforderungen nicht nur gestalterisch, sondern technisch sauber in bestehende Systeme und reale Abläufe zu integrieren.
Abschluss

Ergebnis

Erfolgreich umgesetzt

Entstanden ist eine produktiv eingesetzte Weblösung mit öffentlicher Webseite, Terminbuchung, Gutscheinshop, automatisierter PDF-Erstellung sowie angepassten E-Mail- und Bestellprozessen.

Das Projekt verbindet responsive Webentwicklung mit WordPress, WooCommerce und individueller PHP-Logik. Besonders wichtig war, technische Funktionen nicht isoliert umzusetzen, sondern an einen realen Geschäftsprozess anzupassen.

Responsive Webseite

Einheitliche Darstellung auf Desktop, Tablet und Smartphone.

Terminbuchung

Digitale Terminanfrage direkt über die Webseite.

Gutscheinshop

Personalisierte Bestellungen passend zum Studioablauf.

PDF-Automatisierung

Personalisierte Gutscheine werden automatisiert erzeugt.

Prozessanpassung

E-Mail- und Bestellstatus bilden reale Abläufe ab.

Praxiserfahrung

Umsetzung individueller Anforderungen für einen realen Auftraggeber.

Fazit: Das Projekt zeigt meine praktische Erfahrung mit Webentwicklung, WordPress, WooCommerce und PHP sowie der Umsetzung individueller Anforderungen für einen realen Auftraggeber.
← Zurück zu den Projekten Webseite öffnen