Zum Inhalt springen
Zurück zur Übersicht Fallstudie · Anwaltskanzlei

krupna LEGAL

Vertrauen und Präzision, ohne austauschbares Kanzlei-Klischee.

Kunde
krupna LEGAL, Hamburg
Dr. Karsten Krupna
Meine Rolle
Webkonzept, Interaktion,
Entwicklung, Launch
Technik
ProcessWire
zweisprachig DE/EN
Website
krupna.legal
Startseite von krupna LEGAL: Hamburger Elbphilharmonie und HafenCity als rotes Duotone-Bild, darüber der Slogan ‚Pragmatisch. International.‘
Die Startseite: Datenschutz, IT-Recht und Cybersecurity — „alles aus einer Hand“, in einem Bild verortet, das nach Hamburg gehört.
Ausgangslage

Eine Kanzlei, deren Themen Präzision verlangen.

krupna LEGAL berät zu Datenschutz, IT-Recht und Cybersecurity — Feldern, in denen Mandanten technische Sachverhalte und rechtliche Folgen zugleich verstehen müssen. Beraten wird auf Deutsch und Englisch, viele Mandate reichen über die Landesgrenze hinaus.

Für den Auftritt gab es bereits ein eigenes Erscheinungsbild, entwickelt von einer externen Designerin: klar, reduziert, mit einer eigenen Bildsprache. Entworfen war es für Fläche und Druck — still, in festen Maßen. Meine Aufgabe begann dort, wo daraus eine Website werden sollte.

Aufgabe

Aus Markenmaterial eine Website machen, die sich bewegt.

  • Das Erscheinungsbild ins Web übersetzen

    Farbe, Form und Typografie waren für die Fläche entworfen. Am Bildschirm kommen Zeit und Bewegung dazu: was sich wie öffnet, was wohin fährt, was auf eine Berührung antwortet.

  • Ein Auftritt mit Autorität

    Ruhig, genau, in jedem Detail sorgfältig ausgearbeitet. Bei einer Kanzlei ist die Machart der Seite selbst schon ein Argument.

  • International lesbar

    Deutsch und Englisch gleichberechtigt, für internationale Mandate.

Drei Smartphones mit krupna LEGAL im roten Duotone: die Startseite mit der Elbphilharmonie und dem Satz „Juristische Lösungen im Bereich des Datenschutzes, des IT-Rechts und der Cybersecurity“, die Kontaktseite mit Anschrift und die Seite von Dr. Karsten Krupna mit Porträt und Vita
Das Erscheinungsbild auf dem Smartphone: Startseite, Kontakt, Dr. Karsten Krupna.
Kernstück

Der Eindruck entsteht in der Bewegung.

Am Bildschirm entscheidet der Gesamteindruck: wie alles zusammen auftritt. Für krupna LEGAL habe ich dafür ein durchgehendes Interaktionskonzept entwickelt: Inhalte fahren von rechts ins Bild, Abschnitte klappen weich auf und zu, die Unterseiten darunter folgen in gestaffelter Reihenfolge. Dazu das animierte Markenzeichen, der Sprachwechsel, der im Kreis läuft, und die kleinen Antworten auf jede Bedienung.

Jedes dieser Details ist für sich unauffällig. Zusammen tragen sie den Eindruck, um den es der Kanzlei ging: ruhig, genau, mit Autorität — und das bei einer Seite, die klein bleibt.

  • Erst Entwürfe, dann eine Entscheidung

    Mehrere Fassungen des Auftritts lagen der Kanzlei zur Wahl vor. Umgesetzt wurde die, die ihr am nächsten kam.

  • Bewegung mit System

    Eine Logik für die ganze Seite: woher etwas kommt, wie lange es braucht, wie es sich wieder schließt. Wer einen Bereich einmal geöffnet hat, weiß, wie sich der nächste verhält.

  • Ein eigener Bildton

    Hamburg-Motive tragen die Seite: HafenCity und Elbphilharmonie in einem eigens abgestimmten roten Duotone. Aus Reportage-Fotografie wird damit Wiedererkennung.

Schwarz-weiße Fotografie der HafenCity Hamburg mit Treppenanlage, Brücke und der Elbphilharmonie im Hintergrund
Die Ausgangsfotografie: HafenCity bei Dämmerung, unbearbeitet.
krupna LEGAL Startseite im Laptop-Mockup: dasselbe HafenCity-Motiv im roten Duotone der fertigen Website
Dasselbe Motiv im Marken-Duotone: aus Reportage-Foto wird Wiedererkennung.
Technik & Zusammenarbeit

Das System kennt genau diese Seite.

Unterbau ist ProcessWire. Die Felder dahinter sind auf die Struktur und die Inhalte dieser Kanzlei zugeschnitten: Rechtsbereiche, Person, Kontakt, dazu beide Sprachfassungen an denselben Feldern. Wer etwas ändert, füllt Felder aus, die genau das heißen, was sie enthalten — die Gestaltung bleibt dabei, wie sie entworfen ist.

Auch die Navigation ist schmal geblieben: Rechtsbereiche, Dr. Karsten Krupna, Kontakt, Sprachumschaltung. Bei einer Kanzlei mit drei Feldern ist das die ganze Seite — und genau deshalb kann jedes einzelne Element so sorgfältig ausgearbeitet sein.

Weitergeführt fürs Web habe ich das Erscheinungsbild — Konzept, Gestaltung am Bildschirm, Interaktion und Technik.

  • ProcessWire
  • Webkonzept & Interaktion
  • Animation & Mikrointeraktion
  • Corporate Design fürs Web
  • Zweisprachig DE/EN
krupna LEGAL im Laptop auf Deutsch und auf dem Smartphone auf Englisch: die Rechtsbereiche IT-Recht, Datenschutz und Cybersecurity, IT-Recht aufgeklappt mit IT-Projekten, Softwarelizenzmodellen, Outsourcing, Krisenmanagement und Due Diligences; im Laptop rechts die schmale Navigation
Die Rechtsbereiche auf Deutsch und auf Englisch, gepflegt an denselben Feldern.

Ein Erscheinungsbild, das ins Web soll?

Ein Brand Guide, ein Entwurf, ein fertiges Markenbild — ich übersetze es in Aufbau, Bewegung und Technik, sodass am Bildschirm ankommt, was auf dem Papier gedacht war. Erzählen Sie mir, was Sie vorhaben, dann sprechen wir darüber.

Projekt anfragen

post@krislue.de · +49 (0)40 55 61 48 52