Von der Zahnarztpraxis zum digitalen Erlebnis

Ein Entwicklungstagebuch über die Verschmelzung von Healthcare und Gaming

Das Projekt

Website: Click Here
Game: Click here

Die Geschichte hinter dem Projekt

Eine Zahnarztpraxis möchte ihren Online Auftritt verbessern. Die Anforderung war zunächst simpel: Die bestehende Website modernisieren. Doch wir sahen die Chance, mehr daraus zu machen – viel mehr.

In unserem Denken gibt es einen Unterschied zwischen der bloßen Aufgabenerfüllung und der eigentlichen Problemlösung. Eine Modernisierung der Webseite ist natürlich gut. Aber was bedeutet „gut“ in diesem Kontext? Was ist das übergeordnete Ziel, dem die Verbesserung der Webseite dient? Wir wollten keine reine Aufgabenbearbeitung, sondern echte Problemlösung betreiben. Also haben wir einen Schritt zurück gemacht und uns die grundlegenden Bedürfnisse der Zahnarztpraxis angeschaut. Dabei haben wir die gesamte Patient Journey und Nutzererfahrung betrachtet – sowohl auf der Webseite als auch vor Ort.

Am Ende ist das, was für Patienten und Behandler zählt, was wir tatsächlich erleben und machen.

Der Weg zum Problem

Analyse

Die Praxis hatte keinen Mangel an Patienten, aber es fehlte an der richtigen Kommunikation ihrer modernen Behandlungsmöglichkeiten. Ein größeres Problem war die Gewinnung von jungem, motiviertem Personal.

Trotz durchweg positiver mündlicher Bewertungen der Patienten spiegelten die Google-Rezensionen ein anderes Bild wider – ein klassischer Fall von negativer Selbstselektion bei Online-Bewertungen.

Die typische Darstellung von Zahnarztpraxen ist zwar clean, chromblitzend und hochpoliert – aber es fehlt die menschliche Note. Diese Erkenntnis wurde durch erste Nutzertests bestätigt: Ein Behandlungsstuhl löst nun mal keine Freude aus, egal wie modern er sein mag.

Die Herausforderung

• Traditionelle Zahnarztängste abbauen
• Moderne Technologie im konservativen Umfeld
• Vertrauensaufbau vor dem ersten Besuch
• Differenzierung im Zahnarzt-Markt

Konzeptphase & Design

Früh in der Konzeptphase wurde uns klar, dass wir den menschlichen Aspekt in den Vordergrund stellen wollten. Das bedeutete, die Gesichter des Teams und das einladende, warme Ambiente der Praxis zu präsentieren. Gleichzeitig sollten typische „Angstauslöser“ einer Zahnarztpraxis, wie medizinische Instrumente, dezent im Hintergrund bleiben.

Die gesamte Website wurde unter Berücksichtigung dieser Faktoren neu gestaltet. Der Fokus lag auf einer warmen, einladenden Atmosphäre, die Vertrauen schafft und Ängste abbaut.

Brainstorming zur Aesthetik

Für die Verbesserung der Online-Bewertungen entwickelten wir eine durchdachte Strategie: Eine elegant gestaltete Visitenkarte mit QR-Code und einer klaren Handlungsaufforderung macht es zufriedenen Stammpatienten besonders einfach, ihre positiven Erfahrungen zu teilen.

Bewertungskarte

In intensiven Gesprächen mit dem Praxisteam kristallisierte sich ein besonderer Aspekt heraus: Die Praxis verfügte über eine außergewöhnlich warme und einladende Atmosphäre, die sich über klassische digitale Medien nur schwer transportieren ließ. Diese Erkenntnis führte zur Geburt einer besonderen Idee – statt einer gewöhnlichen 360-Grad-Tour entschieden wir uns für einen virtuellen Rundgang in Form eines charmanten Pixel-Spiels. Diese innovative Lösung sollte nicht nur als modernes Alleinstellungsmerkmal dienen, sondern auch die freundliche und positive Atmosphäre der Praxis authentisch vermitteln.

Start Screen des Games

Design-Entscheidungen

• Pixel-Art-Stil gewählt weil:
  • Warm und einladend
  • Weniger „medizinisch“ wirkend
  • Nostalgisch und modern zugleich
  • Technisch effizient umsetzbar

Technische Implementierung

WordPress-Integration

Die technische Integration erfolgte durch ein maßgeschneidertes WordPress-Plugin, das den virtuellen Rundgang nahtlos in die Website einbettet:

• Einfache Integration durch WordPress-Shortcodes:

  [dental_game width=“100%“ height=“auto“]

• Modularer Code mit ES6+ Standards

• Responsive Design für alle Bildschirmgrößen

• Intelligentes Asset-Management für optimale Performance

• Flexible Konfigurationsmöglichkeiten

Spielarchitektur

• Engine-Entwicklung:
  • Canvas-basiertes Rendering
  • Modulare JavaScript-Struktur
  • Asset-Preloading System
  • State Management

Performance-Optimierung

• Effizientes Asset-Loading
• Mobile-First Ansatz
• Optimierte Speichernutzung
• Progressive Loading-Strategien

Die virtuelle Praxis entsteht

Asset-Entwicklung

Ben und Pati verwandelten jeden Winkel der Praxis in liebevolle Pixel-Art:

• Detailgetreue Nachbildung der Einrichtung
• Animation von Charakteren und Objekten
• Entwicklung eines konsistenten visuellen Stils
• Integration von interaktiven Elementen

Referenzfotos aus der Praxis

Pixelart Assets

Technische Features

• Interaktive Elemente:
  • Klickbare Objekte mit Informationen
  • Charakterdialoge
  • Mini-Spiele zur Zahngesundheit
  • Einfache Animationen
  • Easter Eggs als Überraschungselemente

User Experience

• Intuitive Navigation
• Barrierefreier Zugang
• Responsive Design
• Progressive Web App Funktionalität

Team und Zusammenarbeit

Rollenverteilung

• Jonas: Software Entwicklung
• Jamie: UI/UX Design
• Joel: Game Design
• Ben: Art Planning & Pixel-Art
• Pati Pixel-Art & Assets

Entwicklungsprozess

• Agile Methodologie
• Wöchentliche Iterationen
• Enge Zusammenarbeit mit der Praxis
• Kontinuierliches Feedback

Technische Tiefe

WordPress-Plugin-Architektur

• Modularer Aufbau
• Effiziente Asset-Verwaltung
• Responsive Integration
• Performance-Optimierung

Spiel-Engine

• Canvas-Rendering
• State Management
• Event-System
• Kollisionserkennung

Post Mortem

Learnings

• Balance zwischen Unterhaltung und Information
• Technische Optimierung für verschiedene Endgeräte
• Bedeutung der User Experience im medizinischen Kontext
• Einfache Gamification (Achievements) sind unerhört effektiv

Was würden wir das nächste mal anders machen?

• Umfängliches Planen der Asset Pipeline (Namenskonventionen, Dateiformate, Templates)
• Viel früher, viel mehr simple Gamification
• Contentcreep verhinderen, durch klares abstecken in der Konzeption wie viel Detail genug ist

Ausblick und Zukunft

Unser Projekt zeigt, dass selbst in traditionellen Branchen wie der Zahnmedizin innovative digitale Lösungen möglich sind. Die Kombination aus technischer Expertise und kreativer Gestaltung hat nicht nur eine Website hervorgebracht, sondern ein digitales Erlebnis, das Patienten hilft, ihre Ängste abzubauen und Vertrauen aufzubauen.

---

Entwickelt von PlayInsight Studios. Besuchen Sie die Website und erleben Sie selbst den virtuellen Rundgang!