ARTICLES
Art, Society, Media & Design

Articles

Oliver Weiss Design

S E A R C H


template_webdesign template line
template computer
Tutorials

Photoshop-Lexikon
deutsch / englisch

Photoshop Glossary

Coverillustration im Stile
von "The New Yorker"

Step-by-Step Photoshop Tutorial

Illustration auf alt getrimmt
Step-by-Step Photoshop Tutorial

Oans, zwoa, Pop-Art!
Macwelt
Tutorial on
Oktoberfest Poster Design

Wie zeichnet man
einen Comicstrip?

Step-by-Step Photoshop Tutorial

Zweifarbendruck
Step-by-Step Photoshop Tutorial
template line
template computer
Art & Society

Der Taktgeber
Film Composer John Ottman

Der Aufräumer
Mafia Lawyer Dead at 95

Charlie Brown lives
Peanuts Creator Charles M. Schulz

Entwicklung der politischen
Parteien in Deutschland

Evolution of German Parties since 1848

Fahren ohne Auto
Dumb Laws from Around the World

FAQ zur Online-Bewerbung
How to File Job Applications Online

Die Muminmutter
Tove Jansson, Writer & Artist

Муми-мама
Туве Янссон

Muminmutter forever
Tove Jansson ist gestorben

Moominmamma Forever
Tove Jansson has Died

9-11 - One Year After
Comments by Ed Koch et al.

9-11 - ein Jahr später
Kommentare von Ed Koch et al.

A Smile is a Smile is a Smiley
The Signet's Inventor is Dead

Räuber und Gedärm
Tomi Ungerer at 70

Die Wellenreiterin
Elisabeth Mann Borgese Dead at 83

Wein zur Prohibition
Lawyer Hiram Mendow Dies Aged 107
template line
template internet
Business

Ein New Yorker verirrt sich
nicht nach Solingen

Interview with a Lawyer & Journalist

Kanzleien helfen Kanzleien
Legal Community in 9-11 Aftermath

PR for Law Firms
Getting Exposure in the Media

PR für Kanzleien
Die gewünschte Publicity bekommen

Wagner ist digital
Customer Service 2000 D.C.

Wer abmahnt, hat
nicht immer recht

Interview on Cease and Desist Letters

Ein wunderbarer
Spätsommertag

Interview on 9-11
template line
template computer
Technology

Allein in New York
Laptop Trouble with Windows ME

Bitte nicht automatisch!
Translation Software Tested

Druck machen
Ink Jet Printer vs. Laser Printer

Faxen und mehr
Faxing Machines Inside Out

Fraktaler Darwinismus
Interview with Gerd Binnig

Now you're Talking!
Speech Analysis Methods

Patent Watch (I)
Method of Excercising a Cat

Patent Watch (II)
Of Cats and Horses

Patent Watch (III)
Hugging Hula Hoop

Patent Watch (IV)
It’s a Bird, a Squirrel, a Patent!


PC für Anfänger
How do Computers Really Work?

PC-Glossar
Tiny Computer Glossary

Die Sprachverarbeiter
Automatic Speech Recognition

Test: Bilddatenbanken
Review: Cumulus, Portfolio, iView
template line
template tech stuff
Web Technology

Alles mit System
Content Management for Lawyers

Die Anwaltssuche 
Lawyers Search Engine

Die Datenmacher
Databased Law Firm Websites

Die Datenmaschinen
Web Content Management Systems

Digitales Publishing
Document Management with PDF 

Internet-Zugang einrichten
Internet Dial-up Access Step by Step

Internet in New York
Free Internet Providers in NYC

Mit leichter Verspätung
It has Taken 5 Years to Register a URL

Maßgeschneidert
Content Management for Publishers 

Meta-Tags
Spreading the News

Suchen und Finden im Netz
Push Services

Web-Wissen
Web World Glossary
template line
template_webdesign
Web Design

Der Arzt im Web
Web Design for Doctors

Anwalts-Marketing-Preis
für Haarmann Hemmelrath

First Prize for Legal Web Site

Auf einen Blick
Corporate Design for Lawyers

Die Design-Strategie
Corporate Web Design

Dynamische Anwaltssuche
Hasche Eschenlohr's Legal Web Site

En un coup d'oeil
L’image de l’entreprise sur Internet

Gelb und blau
Haarmann Hemmelrath's Web Site

In der Welt zuhause
Web Design for Lawyers

In Szene gesetzt
Web Sites for Law Firms

Der virtuelle Anwalt
First Steps Towards a Lawyer's Website

Wie aus einem Guß
Corporate Design for Accountants

 

1. Anwalts-Marketing-Preis 19991. Anwalt-
Marketing-
Preis 1999 >mehr Info

ARTICLES > Gelb und blau


Webdesign: Kanzlei-Website 
Haarmann, Hemmelrath & Partner

Gelb und blau
||| Oliver Weiss

Ende September 1999 ging die Website der überörtlichen Sozietät Haarmann, Hemmelrath & Partner (HHP) online, die wir Ihnen gerne vorstellen möchten. HHP ist eine der fünf großen wirtschaftsberatenden Anwaltssozietäten mit 15 Standorten in Deutschland und im Ausland. Die von Oliver Weiss realisierte Website gewann den vom Anwalt-Suchservice und Dr. Otto Schmidt Verlag ausgelobten Anwalt-Marketing-Preis 1999 in Gold.
Article on Oliver Weiss' Web Site for Haarmann Hemmelrath Lawyers: Find out how it was made.

 

 

Aus: LEGAmedia, meinem Online-Magazine für Juristen und Unternehmer (1999).

>WEBDESIGN: Meine Website für Haarmann Hemmelrath.

>MARKETING-PREIS: Die Website gewann den Anwalt-Marketing-Preis 1999 als beste Kanzlei-Website Deutschlands.

>WEBSITE-ENTWICKLUNG: Weitere Website-Projekte für Kanzleien und Verlage.

>CORPORATE DESIGN: Corporate Identity für Websites.

W

ar zunächst eine zwar informative und schöne, aber eher kleiner angelegte Website geplant, entwickelten sich die Ansprüche und neuen Ideen mit jeder Entwicklungsstufe.

Realisiert werden sollte eine strukturell intelligente, inhaltlich informative und gestalterisch sehr ansprechende Sozietäts-Website, die darüber hinaus möglichst leicht zu pflegen ist.

Das Design integriert die Eckpfeiler, die durch das Corporate Design (Logo, Farben, Gestaltung bisheriger Öffentlichkeitsarbeit) vorgegeben wurden und entwickelt zusätzliche Komponenten wie Illustrationen und andere Designelemente, die diese Vorgaben komplementieren.

Die Gestaltung soll natürlich dem Stellenwert der Sozietät entsprechen und eine positive Anmutung vermitteln.

Die Startseite der Website der Sozietät
Haarmann, Hemmelrath & Partner.

Allgemeine Informationen zur Sozietät.

Zahlreiche Veröffentlichungen werden im HTML-und PDF-Format auf der Site angeboten.

Alle Gesellschafter der Sozietät werden auf Einzelseiten mit Foto, Eckdaten und Arbeitsstationen vorgestellt.

Links die Navigationsleiste der HHP-Website: Wird eine Oberrubrik ausgewählt (hier: "Information"), öffnet sich das zugehörige Untermenü; beim Darüberfahren mit der Maus ändert sich die Farbe von blau auf rot. Folgender Inhalt wird angeboten:

INFORMATION: Allgemeine Informationen über die Sozietät mit Hinweisen auf die internationale Ausrichtung und die Unternehmensphilosophie.

GESELLSCHAFTER: Alle Partner, Sozien, Of-Counsel- und Administration-
Members sind in Listen alphabetisch verzeichnet. In den jeweiligen Einzelseiten werden sie genauer vorgestellt, mit Angaben zu Lebenslauf und Arbeitsstationen – und auch einem Foto.

Wir hatten uns lange überlegt, ob Fotos eingebunden werden sollen, sind aber dann doch zur Auffassung gelangt, daß dem Mandanten, obwohl es bei der Kontaktaufnahme inhaltlich natürlich jeweils um Sachfragen geht, eine menschliche Komponente wichtig sein dürfte – der Beruf des anwaltlichen Beraters baut neben fachlicher Kompetenz, Expertise und Einfühlungsvermögen ja auch auf Sympathie, Vertrauen und das persönliche Gespräch. Die Einbeziehung von Fotos vermitteln einen ersten intuitiv persönlichen Eindruck. – Im übrigen werden Portraitfotos auch bereits in der Kanzleibroschüre verwendet.

Beispiel für eine Einzelseite innerhalb der Rubrik "Gesellschafter". Im Bild: Name und E-Mail-Adresse mit Portraitfoto, Eckdaten und Arbeitsstationen und eine Auflistung der vertretenen Tätigkeitsgebiete mit Verweisen auf die entsprechenden Einzelseiten in der Rubrik "Dienstleistungen".

STANDORTE: Ausführliche Informationen zu den einzelnen Standorten, mit jeweils einer Seite mit Adreßangabe und Anfahrtsbeschreibung, einer mit ausdruckbarem Stadtplanausschnitt und einer mit den Anwälten pro Standort.

Auf der Eingangsseite lädt sich eine Übersichtsgrafik mit Deutschland- und Weltkarte und netzartig darum herumgruppierten Standorten, die die internationale Ausrichtung der Sozietät dokumentiert.

Wie Sie sehen können, verwendeten wir keine dieser typischen grauenhaften PowerPoint-Grafiken, sondern bemühten uns um eine illustrative Lösung, die durch helle warme Farben und die den geografischen Umrissen hinterlegten verwaschenen Farbverläufe und die Weltkugel im Hintergrund eine positive Anmutung vermittelt.

Die illustrativen Grafikelemente wurden eigens erstellt: Die grün-gelben Farbverläufe mit Acrylfarben, die Weltkugel v.a. mit Tuschestift. Die Nachbearbeitung und Zusammenstellung erledigten wir natürlich auf dem Rechner.

Standorte-Seite: Sowohl mit der Menüleiste links als auch mit der Illustration rechts können die einzelnen Standorte der Sozietät ausgewählt werden; dort findet man jeweils eine Anfahrtsbeschreibung mit Stadtplanausschnitt.

DIENSTLEISTUNGEN: Auflistung des Leistungsspektrums der Sozietät in Rechtsberatung, Wirtschaftsprüfung, Steuerberatung und Unternehmensberatung. Die entsprechenden Einzelseiten geben detailliertere Auskunft über die angebotenen Tätigkeitsgebiete und verzeichnen jeweils die sie vertretenden Gesellschafter. Der Link von "Unternehmensberatung" führt auf die externe Website der Haarmann, Hemmelrath Management Consultants GmbH in Hamburg.

NACHRICHTEN: Meldungen über HHP in der Presse, zusammen mit einigen Verweisen auf Websites, in denen HHP genannt wird. Bislang sind hier vor allem Berichte der F.A.Z. eingestellt, weitere werden folgen.

PUBLIKATIONEN: Eine der wichtigsten Rubriken der Website – neben Veröffentlichungen von Zeitschriftenbeiträgen durch Gesellschafter der Sozietät werden auch hausinterne Publikationen wie das regelmäßig erscheinende Mandanten-Rundschreiben, die Brüsseler Nachrichten sowie der Japan Newsletter in HTML und im PDF-Format zum Download angeboten; weitere Publikationen sind in Vorbereitung. Weiter unten stellen wir Ihnen dieses Angebot näher vor.       

VERANSTALTUNGEN: Haarmann, Hemmelrath & Partner bieten regelmäßig Seminare und andere Veranstaltungen für Mandanten und sonstige Interessenten an. Sie werden in dieser Rubrik angekündigt und näher beschrieben; online kann man sich dafür anmelden. Diesen Monat findet u.a. das Seminar "Asien nach der Krise – Rechts-, Wirtschafts- und Steuerberatung in Japan, China, Singapur und Südostasien" statt.

Bei HHP kann man sich auch online bewerben. Das entsprechende Formular dafür, das laufend weiterentwickelt wird, versucht, möglichst kurz und knapp die wichtigsten Informationen über den Interessenten zu erfahren.

STELLENANGEBOTE: Neben aktuellen Stellenanzeigen und der Ankündigung von speziell an Jungabsolventen gerichteten regelmäßigen "Bewerbertagen" werden in dieser Rubrik auch die nähere Beschreibung des Anforderungsprofils und der Karrieremöglichkeiten bei HHP angeboten. Interessenten können sich direkt online bewerben; dafür entwickelten wir ein eigenes Formular. Je nach Standort wird dieses Formular an die Zuständigen geschickt.

KONTAKT: Einfaches Feedback-Formular zur Kontaktaufnahme – mit der Bestellmöglichkeit der Kanzleibroschüre sowie weiterer Informationen zur Sozietät.

 

Texte, Texte 

Ein besonderes Feature der Website sind die zahlreichen angebotenen Publikationen. Neben der Rubrik "Aufsätze", in die mit der Zeit sehr viele Veröffentlichungen von Gesellschaftern aus Zeitschriften bereitgestellt werden sollen, bietet HHP auch hausinterne Publikationen wie das umfangreiche Mandanten-Rundschreiben mit einer Auswahl von Gesetzesänderungen, Entscheidungen der Rechtsprechung und Auffassungen der Finanzverwaltung an, ebenso wie die Brüsseler Nachrichten (Auswahl von Dokumenten, Informationen und Entscheidungen der Europäischen Gemeinschaft) und den Japan Newsletter (Japan und China) an.

Die Beiträge werden in HTML als Fließtext angeboten; umfangreiche Texte werden dabei in kleinere Häppchen aufgeteilt. Wie Sie der Abbildung unten entnehmen können, bemühen wir uns dabei um ein schönes und gut leserliches einheitliches Layout. Mit dem schnellen Einfließenlassen von Word-Texten ist es dabei nicht getan. Die Formatierung pro Text nimmt jeweils relativ viel Zeit in Anspruch, aber ich denke, das Ergebnis rechtfertigt die Mühe.

Eine Publikationen-Seite: Neben Veröffentlichungen von Gesellschaftern in fachspezifischen Zeitschriften werden auch hausinterne Publikationen wie das regelmäßige Mandanten-Rundschreiben, die Brüsseler Nachrichten und der Japan Newsletter angeboten. Alle Texte liegen sowohl in HTML gesetzt als auch im downloadable PDF-Format vor.

Alle Texte werden zusätzlich im PDF-Format ("Portable Document Format") zum Download zur Verfügung gestellt. Man braucht sich die teilweise recht langen Fließtextseiten also nicht auszudrucken, sondern kann den Text als eigenständige Datei, die individuell gesetzt ist, laden. PDF bietet sich auch bei sehr langen Texten an, die in HTML niemand lesen würde: Dafür werden dann entweder ein Abstract des Artikels oder einfach die ersten Abschnitte in HTML angeboten – für den gesamten Text wird auf den vollständigen Artikel im PDF-Format verwiesen.

 

Information allein ist zu wenig (Design auch)

Was macht man, damit die eigene Website nicht so aussieht wie alle anderen? Ganz klar, Information ist natürlich das Wichtigste, denn wer keine Information anbietet, wird niemanden auf seine Seite locken können.

Aber gerade weil immer mehr Websites auch in ihrer Gestaltung immer besser werden, wird die Frage nach der professionellen Aufbereitung des "Contents" zunehmend wichtig: Auch wenn bei einem Buch natürlich der Inhalt das Wichtigste ist, kauft das Auge halt doch auch mit – das Buch bleibt liegen, wenn es auf schlechtem Papier gedruckt und das Design häßlich ist. 

Unser Bestreben bei der Gestaltung von Haarmann, Hemmelrath & Partner online lag in einem "Blow-away"-Design. Anders nämlich als viele immer noch meinen, schließen sich Seriosität und gutes Design natürlich nicht aus, sondern komplementieren sich zu einem besseren Ganzen. 

Ein besonderer Schwerpunkt wurde bei der Gestaltung auf illustrative Elemente gelegt.

Die Unterrubriken innerhalb der einzelnen Topics werden auf den jeweiligen Eingangsseiten zusammen mit farblich unterlegten Schriftzügen in den Farben des Corporate Designs als kleine Illustrationen in einem Kreis angeordnet.

Habe ich es vergessen zu sagen? – Wir verwendeten keine Bilder aus Clip-Art-Sammlungen, sondern sie wurden natürlich eigens von mir erstellt.

Übrigens ist, wie auch bei meiner Website für Hasche Eschenlohr Peltzer Riesenkampff Fischötter, diese Website natürlich nicht ad hoc und auf einen Wurf entstanden. Ursprünglich war sie wesentlich grafischer konzipiert worden; aber beide Seiten trafen sich mit der Zeit auf halbem Weg.

Und das letzte Wort ist selbstverständlich auch noch nicht gesprochen. Denn Websites sind dynamische Prozesse und daher eigentlich nie richtig "fertig" – der letzte Stand der Dinge ist immer nur vorläufig. [1999]

(c) 1989–2008 Oliver Weiss Design Up! 
 Design / Illustration / Art Sale / Multimedia / Journalism / Contact
 
 Bestseller
350,000+ Copies Sold!
Random House Book Cover
Design for Nonfiction
Bestseller
>more | >more books


My Oktoberfest Poster
>more
Official Oktoberfest Design 2008

POPULAR TAGS

Tom Buhrow Walter Rothschild Year of Mathematics Shantaram Globalisierung Richard David Precht Oktoberfest

CONTACT ME!

Oliver Weiss
Germany
Fon +49-86 41-14 65
info@oweiss.com
www.oweiss.com
IMAGES FOR LICENSING:
The Oliver Weiss Image Stock Archive
Take me to the image archive!
>Click here!
Search my online stock archive from 6,000 illustrations!
Animals
Architecture
Art
Books
Business
Children
Communication
Education
Environment
Family
Food
Fun
Horoscopes
Legal
Lifestyle
Marketing
Media
Medical
Music
Nature
Office
People
Politics
Psychology
Religion
Science
Seasons
Sports
Symbols
Travel