Dipl.-Ing. Hanno Stehling

Besseres Webdesign ist ein Konzept, das auf Standardkonformität und semantische Korrektheit sowie die Verwendung nicht-proprietäter Techniken setzt, dabei aber den Wunsch nach Originalität in Layout und Struktur berücksichtigt.

Ergebnis sind Webseiten, die sich mit einer Vielzahl unterschiedlicher Browser und Systeme problemlos nutzen lassen und sich durch ihre Individualität positiv aus der Masse abheben.

Kann ich das genauer wissen?

Gibt es Beispielprojekte?

Kann ich auch sowas haben?

Hier eine Auswahl meiner Projekte der letzten Jahre. Sämtliche Webseiten entsprechen den Richtlinien des Besseren Webdesign.

Hinter den Layouts arbeitet jeweils ein an die spezifischen Bedingungen und Wünsche angepasstes Content Management System, das es erlaubt, Inhalte und Strukturen der Webseiten komfortabel direkt im Browser zu editieren, und dabei durch die strikte Trennung von Layout und Inhalt auch bei mehreren Bearbeitern und über längere Zeit grafische Konsistenz gewährleistet.

Büro 213

Webseite des Berliner Architekturbüros 213.

Die Seite ist optisch minimalistisch angelegt, so dass der grafische Schwerpunkt deutlich auf den präsentierten Projekten des Büros liegt. Die ungewöhnliche Navigation lässt die Seite von links nach rechts "wachsen", je tiefer man in die Hierarchieebenen vordringt. Aus einer einfachen Menuleiste wird so eine komplexe und dennoch übersichtliche Struktur, die es Nutzern zudem erlaubt, äußerst schnell zu anderen Bereichen des Angebots zu wechseln.

www.zweieinsdrei.de

Atelier K10

Webseite des Fachgebiets Bildende Kunst an der Universität Kassel.

Ein vom Fachgebiet entworfenes Layoutkonzept wurde in gemeinsamer Arbeit hinsichtlich intuitiver Benutzerführung und inhaltlicher Konsistenz weiterentwickelt.

www.atelierk10.de

Studenten-Sinfonieorchester Marburg

Passend zum neuen Logo und farblichen Erscheinungsbild des Studenten-Sinfonieorchesters Marburg entwarf ich ein Layout für Flyer und Plakate und entwickelte eine neue Webseite.

Die Webseite hat ein modernes Layout, das sich Techniken wie hover-Effekten und Transparenzen bedient. Nichtsdestotrotz ist sie auch ohne JavaScript komplett nutzbar; auch der Umgang mit kleinen Browserfenstern und älteren Browsern wurde hinsichtlich der Benutzbarkeit optimiert.

Angeschlossen ist die Seite an die von mir einige Jahre zuvor entwickelte Online-Mitgliederdatenbank des Orchesters (ssodb).

www.sso-marburg.de

Christoph Hildebrand

Webseite des Essener Künstlers Christoph Hildebrand.

Das vom Künstler grafisch entworfene Layout wurde von mir XHTML-Konform umgesetzt.

www.c-hildebrand.de

Pragmatopia

Webseite der interdisziplinären Arbeits- und Forschungsgruppe pragmatopia.

Die Seite hat ein sog. Liquid Layout, d.h. sie passt sich stufenlos der Größe des Browserfensters an. Diese Art des Weblayouts erreicht eine stets optimale Ausnutzung des vorhandenen Bildschirmraumes ohne Passepartouts oder sonstige Leerräume, erfordert dabei aber ein hohes Maß an Flexibilität, da das grafische Resultat direkt von der Größe des Browserfensters abhängt und somit bei jedem Besucher anders ausfällt.

www.pragmatopia.de