OPSIS Augen-Zentrum
Augen-Zentrum
Überblick
OPSIS ist ein Augen-Zentrum in Krefeld. Die Website soll Vertrauen schaffen, bevor jemand einen Termin sucht: ob man hier richtig ist, was behandelt wird, wie man hinkommt. Medizinisch klar, ruhig im Ton, und auf dem Telefon schnell, weil Termine selten am Schreibtisch gesucht werden.
Ich habe die Seite in Marineblau und Weiß gehalten. Der Kopf ist #1E3A5F, die Fläche darunter weiß, die Schrift eine klare Grotesk, Inter, durchgehend. Das Leben kommt aus dem Foto: die Fassade des Hauses, der Himmel, die Blätter. Die Oberfläche erklärt, das Gebäude atmet.
Oben in der Leiste stehen Name und Telefon, immer sichtbar. Darunter der Satz „Ihr Sehvermögen in den besten Händen.“ Zwei Wege folgen sofort. Termin vereinbaren, gefüllt im selben Marine. Rundgang durch die Praxis, als Kontur. Wer unsicher ist, bekommt erst Orientierung. Wer schon weiß, bekommt den Termin, ohne drei Klicks.
- Kunde
- OPSIS
- Kategorie
- Website
- Ort
- Krefeld
- Schrift
- Inter
Problemstellung
Orientierung vor dem Katalog
Wer eine Praxis sucht, ist oft unsicher. Er will wissen, ob diese Adresse die richtige für seine Frage ist, wie lange das Haus schon da ist, wie man anruft, wann ein Termin möglich ist. Ein Katalog aus Leistungen, der vor dieser Orientierung steht, verliert die Menschen zwischen Unterseiten.
Ich habe die Reihenfolge umgedreht. Zuerst der Satz, der sagt, worum es geht, und das Haus auf dem Foto, damit Krefeld ein konkretes Gebäude ist und keine Wortmarke im Leeren. Dann die zwei Handlungen. Dann die Leistungen, die Sprechzeiten, der Weg. Das Telefon bleibt in der Leiste, weil ein Anruf für viele der ehrlichere Weg ist als ein Formular.
Die Seite muss auf dem Handy dieselbe Ordnung halten. Eine Praxis wird in der Bahn gesucht, zwischen zwei Terminen, mit einer Hand. Große Schrift, kurze Wege, ein Marine, das man wiedererkennt, wenn man von einer Unterseite zurückkommt.
Lösung
Die Fragen in der Reihenfolge der Sorge
Die erste Antwort ist der Satz und das Gebäude. „Ihr Sehvermögen in den besten Händen.“ Darunter ein kurzer Absatz, der die Praxis in der Nachbarschaft verortet, mit jahrzehntelanger Erfahrung, ohne einen Fachkatalog vorwegzunehmen. Die Bewertung ist sichtbar, weil Vertrauen bei einer Praxis auch von anderen Patienten kommt, und ich sie dort gelassen habe, wo man sie erwartet, nah an der Entscheidung.
Inter bleibt die einzige Schrift. Eine Serife hätte nach einer Zeitschrift gesucht, eine Schreibschrift nach einem Spa. Eine Praxis braucht Buchstaben, die bei kleinen Graden auf einem Telefon eindeutig bleiben, auch in einem Wort wie Sehvermögen. Die Grotesk leistet das, in einem dunklen Marine auf Weiß, mit genug Zeilenabstand, dass niemand die Zeile ein zweites Mal lesen muss, um sie zu verstehen.
Termin
Der gefüllte Knopf, im Marine des Kopfes. Termin vereinbaren ist die Handlung, die die meisten suchen, also bekommt sie die Fläche. Sie steht früh, auf dem großen Schirm neben dem Rundgang, auf dem Telefon unter dem Satz. Dieselbe Farbe wie die Leiste, damit die Praxis wie ein Haus wirkt und der Knopf wie seine Tür.
Rundgang
Die zweite Handlung ist eine Kontur: Rundgang durch die Praxis. Für alle, die erst sehen wollen, wo sie hingehen, bevor sie einen Slot halten. Zwei Temperamente, zwei Knöpfe, dieselbe Höhe. Niemand wird in einen Trichter geschoben. Beide Wege sind erwachsen.
Erreichbarkeit
Telefonnummer in der oberen Leiste, auf jeder Breite lesbar, neben dem Namen der Praxis. Adresse und Anfahrt folgen dort, wo der Weg konkret wird. Ich habe die Nummer aus dem Fuß geholt, weil sie zur Orientierung gehört und nicht zur Formalie am Ende einer langen Seite.
Gestaltung
Marineblau, weil eine Praxis ruhig bleiben muss
Das Blau des Kopfes ist #1E3A5F, ein Marine mit genug Tiefe, um ernst zu sein, und genug Helligkeit, um weiße Schrift zu tragen. Darunter liegt #122846, noch dichter, für das, was im Schatten der Leiste stehen soll, und #16304F als die Zwischenstufe, wenn eine Fläche nachgeben muss, ohne grau zu werden. Grau wäre hier Gleichgültigkeit. Ein helles Klinikblau wäre eine andere Branche, näher an einem Produkt als an einem Haus mit Stuck und Jahren.
Die Leinwand ist #FFFFFF. Die Felder, auf denen Text ruhen darf, sind #F4F7FB und das noch leisere #EEF2F8, ein Blau, das man fast für Weiß hält, bis die Karte daneben liegt. Die Linien sind #DCE6F0, dieselbe kühle Familie, dünn. Die Tinte der Absätze ist #24333F, ein Schwarzblau, verwandt mit der Leiste. Die leisere Schrift, Hinweise und Nebenzeilen, ist #5A7080.
Ein klareres Blau, #4A90E2, gibt es nur für kleine Signale. Ein Link, ein Fokus, eine Markierung, die führen soll und keine Fläche füllen darf. Würde der große Knopf in diesem Himmelblau liegen, würde die Praxis nach einer App aussehen. Der Knopf bleibt im Marine des Hauses. Der Himmel und die Blätter bleiben im Foto, das ist das Grün und das Licht, das die Seite braucht und das ich ihr als Fläche verwehre. Leben kommt von der Fassade. Ordnung kommt von der Schrift.
Palette
Marine
#1E3A5F
Die Leiste und der Termin-Knopf. Ernst, tragfähig für weiße Schrift, wiedererkennbar, wenn man von einer Unterseite zurückkommt. Es ist die Farbe der Praxis, nicht die Farbe eines Verlaufs.
Tiefe
#122846
Das dichtere Blau unter dem Marine, für Schatten und für Zustände, die zurücktreten. Es hält die Leiter in einer Familie. Ein neutrales Schwarz hätte die Leiste von den Texten getrennt.
Zwischenblau
#16304F
Die Stufe zwischen Leiste und Tiefe. Für Flächen, die nachgeben, ohne grau zu werden. Grau wäre an dieser Stelle Gleichgültigkeit gewesen, Blau bleibt Haltung.
Weiß
#FFFFFF
Die Leinwand unter dem Foto und hinter dem Satz. Viel davon, mit Absicht. Eine Praxis darf Luft haben. Enge hätte nach einem Formular ausgesehen.
Feld
#F4F7FB
Das leise Blau der Flächen, auf denen längere Texte ruhen. Fast weiß, gerade kühl genug, um vom Papier unterschieden zu sein. Die Seite atmet, ohne bunt zu werden.
Nebel
#EEF2F8
Die noch hellere Stufe derselben Familie, für große Gründe, die man kaum als Farbe wahrnimmt. Sie kühlt das Weiß, damit das Marine einen Partner hat und keinen Kontrast aus dem Labor.
Linie
#DCE6F0
Die Haarlinie zwischen Bereichen. Dieselbe kühle Familie, dünn genug, um Ordnung zu geben, ohne die Seite in Karten zu zerlegen. Man sieht sie, wenn man sie sucht.
Tinte
#24333F
Die Farbe der Sätze auf Weiß, ein Schwarz mit Blau darin. Verwandt mit der Leiste, also bleibt die Stimme im Haus. Reines Schwarz wäre einen Ton zu hart gewesen.
Leise
#5A7080
Hinweise, Nebenzeilen, das, was führen darf und nicht rufen muss. Gelesen wird es noch, gedrängt wird niemand. Die Hierarchie bleibt auch in Grau-Blau höflich.
Signal
#4A90E2
Nur für kleine Markierungen, einen Link, einen Fokus. Niemals für den großen Knopf und niemals für eine Fläche. Der Himmel im Foto bleibt der Himmel. Dieses Blau zeigt nur den nächsten kleinen Schritt.
Ergebnis
Vom ersten Satz bis zum Termin
Eine Praxiswebsite, die zuerst sagt, ob man richtig ist, dann die Tür zeigt, dann den Termin und den Rundgang anbietet. Das Telefon bleibt erreichbar. Die Leistungen kommen, wenn die Orientierung steht.
Marine, Weiß, das Haus auf dem Foto, Inter in einer Größe, die auf dem Telefon hält. Wer anruft oder einen Termin hält, tut das mit einem Bild von der Fassade im Kopf und mit einer Stimme, die klar geblieben ist.
