Aus dem Portfolio: Webdesign für Birnbaum
Achtung: Dieser Beitrag ist schon etwas älter.
Es kann sein, dass sein Inhalt nicht mehr aktuell ist, Links veraltet sind oder dass auch niemand mehr auf neue Kommentare antwortet.
Im Juli dieses Jahres suchte Gerrit van Aaken für seinen Studienfreund Ronald Scharf einen Webdesigner, der für den produzierten Kurzfilm “Birnbaum” eine ansprechende Website entwirft. Die Website sollte dabei möglichst barrierefrei sein, in (X)HTML und CSS umgesetzt sowie durch ein möglichst einfaches CMS angetrieben werden. Die Entscheidung ist im Laufe der Entwicklung hierbei auf WordPress gefallen.
Ich war für die komplette Umsetzung – von der Gestaltung, der Entwicklung und dem endgültigen Relaunch – zuständig. Das Design sollte sowohl zeitlos, funktionell wie auch durch Detailverliebtheit überzeugen. Durch ein fluides Layout sollte dafür gesorgt werden, dass die Website bei möglichst jeder Auflösung gut aussieht.
Im Laufe des Designprozesses ist die Wahl auf senkrechte Navigationspunkte gefallen. Das besondere dabei ist, dass der Inhaltsbereich – je nach ausgewähltem Menüpunkt – mitwandert. Eine Herausforderung war zudem die Unterbringung des News-Bereiches, da dieser sich von dem normalen Inhaltsbereich abheben sollte.
Dieser Entwurf enthielt schon alle wichtigen Elemente für die Website. Trotzdem wurden noch einige Änderungen an dem Design vorgenommen werden. Der Farbton sollte wärmer werden. Die Website sollte einen Header-Bereich mit einer passenden Bildwelt erhalten. Zudem wurden die Abstände der einzelnen Elemente verändert.
Nach dem erfolgreich das Screendesign abgeschlossen werden konnte, wurde das Design direkt als Template mit (X)HTML- und CSS-Dateien umgesetzt. Durch den wandernden Inhaltsbereich musste in WordPress für jeden Navigationspunkt ein eigenes, leicht verändertes Template erstellt werden.
Die Arbeiten wurden nach leichter Verzögerung Ende September abgeschlossen und die Seiten von Birnbaum konnten online gehen.
Weitere Informationen sind im Referenzbereich: Birnbaum zu finden.
Abonniere den RSS-Feed für weitere Webdesign Tutorials und Artikel.
Artikel bei del.icio.us speichern, Kommentar-Feed, Trackback-URL
