DE EN

Physiotherapie-Birmensdorf

image project
image project
image project
Shape Shape Shape Shape Shape Shape Shape Shape Shape
back
geh zurück
Branding
Web design
Web Development

Über die Marke

Physiotherapie Birmensdorf wurde 1994 von Christa und Marco Mouwen gegründet. Ihr internationales Team besteht aus langjährigen Mitarbeitenden. Seit 27 Jahren bietet das Unternehmen in Birmensdorf ZH ein breites Spektrum an physiotherapeutischen Dienstleistungen an. Die langjährige Erfahrung und die Qualität der Dienstleistungen werden von den Kunden sehr geschätzt.

Das Team der Physiotherapie Birmensdorf will die Lebensqualität der Patienten verbessern. Es analysiert den Ist-Zustand, ermittelt die Funktionsstörungen und legt gemeinsam mit dem Patienten die Ziele der Therapie fest.

Neben physiotherapeutischen Dienstleistungen für Menschen bietet das Unternehmen in seinen eigenen Kliniken Physiodog und Rehapet auch die Physiotherapie und Rehabilitation von Hunden und Katzen an.



die Bedürfnisse

Die Websites sollten neu gestaltet werden. Die Designs waren über ein Jahrzehnt alt, und die fortwährende Erweiterung der Inhalte hat im Laufe der Zeit zu einer unübersichtlichen Navigation geführt. Auch wollte der Kunde die Texte und Bilder auf einfache Weise selbst aktualisieren können. Das neue Design sollte so gestaltet sein, dass die drei Websites der Praxen (Physiotherapie, Physiodog und Rehapet) zwar eine individuelle Note haben, aber dennoch sichtbar zusammengehören.

die Vorgehensweise

Um den Bedürfnissen gerecht zu werden, musste eine Vorlage erstellt werden, die sich flexibel an die einzelnen Praxen anpassen lässt. Dadurch würde sich idealerweise auch die Entwicklungszeit verkürzen, und die neuen Websites könnten baldmöglichst aufgeschaltet werden. Eine der Herausforderungen bestand darin, eine visuelle Identität zu kreieren, die von den Logos der einzelnen Dienste ausgeht und eine Verbindung zwischen den drei Websites schafft. Die Inhalte der drei Websites mussten an eine einheitliche Struktur angepasst werden. Die Websites wurden nach und nach aufgeschaltet, angefangen mit Physiotherapie Birmensdorf, gefolgt von Physiodog und schliesslich Rehapet.

Der Prozess

1. Brainstorming. Zur Erstellung der Vorlage für alle drei Websites mussten zunächst die Inhalte aufeinander abgestimmt und die Elemente der einzelnen Websites definiert werden.

2. Moodboard. Wir haben nach Inspirationen und grafischen Referenzen gesucht, um unsere Ideen vom Look & Feel des Projekts und der gewünschten Interaktionen zu konkretisieren.

3. Papier-Wireframes. Wir haben die Struktur konzipiert und definiert, wie der User interagieren und navigieren kann. So sind zum Beispiel drei verschiedene Versionen des Menüs entstanden.

4. Farbpalette. Jede Praxis verfügte bereits über ein Logo und bestimmte Farben. Wir sind von diesen Grundfarben ausgegangen und haben mit verschiedenen Schattierungen gespielt.

5. Bildersprache. Anhand von Beispielbildern haben wir aufgezeigt, auf welche Weise und in welchen Farbtönen die Fotos gemacht werden sollten. Wir haben dem vom Kunden ausgewählten Fotografen einen fotografischen Leitfaden bereitgestellt, an dem er sich bei der Aufnahme der Bilder für die neue Website orientieren konnte. 

6. Medium Fidelity Wireframes. Nachdem wir noch einmal an der Struktur der Websites feilten, haben wir die Farbpalette angewandt und Beispiele von Icons und Fotos hinzugefügt.

Web Entwicklung

Herausforderungen & Lösungen

Webentwicklung

Während der Webentwicklung wird die Vision, die wir mit dem Kunden herauskristallisiert haben, Wirklichkeit. Wir vertiefen unser Wissen und unsere Erfahrungen täglich und arbeiten mit den besten Tools und Technologien, lernen aber auch gern hinzu, wenn der Kunde bestimmte technische Präferenzen hat.

Wir haben für alle Websites der Physiotherapie Birmensdorf ein individuelles WordPress-Template erstellt. Das Interaktionskonzept ist überall dasselbe. Wir haben darauf geachtet, dass der Kunde bei der Inhaltserstellung möglichst viel Freiheit hat und die Inhalte problemlos selbst verwalten kann, ohne dass sich dabei das Design verändert.



Impressionen

Alle drei Websites beruhen auf derselben Vorlage. Die Unterschiede sind dennoch deutlich sichtbar, insbesondere zwischen den Websites von Physiodog und Rehapet im Vergleich zur Website der Physiotherapie Birmensdorf.

Alle drei Websites beruhen auf derselben Vorlage. Die Unterschiede sind dennoch deutlich sichtbar, insbesondere zwischen den Websites von Physiodog und Rehapet im Vergleich zur Website der Physiotherapie Birmensdorf.

Ein wichtiges Detail: Die Website muss responsiv sein. Wir haben dafür gesorgt, dass sie auf verschiedenen Bildschirmgrössen richtig dargestellt wird.

Ein wichtiges Detail: Die Website muss responsiv sein. Wir haben dafür gesorgt, dass sie auf verschiedenen Bildschirmgrössen richtig dargestellt wird.

Wir waren bis zum finalen Ergebnis immer im Kontakt und Austausch mit dem Kunden, von der Genehmigung der Struktur und dem Aufbau der Informationen bis zum Look & Feel der drei Websites.

Wir waren bis zum finalen Ergebnis immer im Kontakt und Austausch mit dem Kunden, von der Genehmigung der Struktur und dem Aufbau der Informationen bis zum Look & Feel der drei Websites.

Details sind uns wichtig. Wir haben für die Website der Physiotherapie Birmensdorf ein System von Icons entworfen, das dem gesamten Stil entspricht und die Inhalte optimal präsentiert. Bei den anderen beiden Websites haben wir Fotos statt Icons verwendet.

Details sind uns wichtig. Wir haben für die Website der Physiotherapie Birmensdorf ein System von Icons entworfen, das dem gesamten Stil entspricht und die Inhalte optimal präsentiert. Bei den anderen beiden Websites haben wir Fotos statt Icons verwendet.

Der Kunde hatte für die Bilder der Website bereits einen Fotografen ausgewählt. Wir haben einen Styleguide erstellt und anhand von Beispielen vorgegeben, wie die Fotos gemacht werden sollten. Das Ergebnis hat uns so überzeugt, dass wir auch bei künftigen Projekten mit diesem Fotografen zusammenarbeiten werden.

Der Kunde hatte für die Bilder der Website bereits einen Fotografen ausgewählt. Wir haben einen Styleguide erstellt und anhand von Beispielen vorgegeben, wie die Fotos gemacht werden sollten. Das Ergebnis hat uns so überzeugt, dass wir auch bei künftigen Projekten mit diesem Fotografen zusammenarbeiten werden.

Wir feilen gerne an den Details! Bestimmte Elemente verändern sich optisch, damit für den User sofort klar ist, was er damit machen kann.

Wir feilen gerne an den Details! Bestimmte Elemente verändern sich optisch, damit für den User sofort klar ist, was er damit machen kann.

Weitere Projekte



Alle Projekte ansehen

Teilen Sie ihr
Projekt mit uns!