Wir machen andere erfolgreich.

itib - IT in Berlin
Christiane Müller
Am Falkenberg 98
12524 Berlin
contact@itib.de

Referenzprojekte 2005 / 2010

Musiker: Berlin Rock 'n' Rollers

Anforderungen 2010: Redesign der bestehenden Website: Erstellung statischer XHTML-Seiten nach vorgegebenem Layout.

Berlin Rock 'n' Rollers-Startseite Berlin Rock 'n' Rollers-Navigation

Bildbeschreibungen: Bildschirmfotos der Startseite Berlin Rock 'n' Rollers und Seiten-Ausschnitt nach Redesign 2010. Im Kopfbereich der Seite sind feste Layoutgrafiken horizontal angeordnet. Darunter folgt, ebenfalls horizontal, die Navigation mit neun Verweisen. Der eigentliche Hauptbereich unterhalb der Navigation ist verschieden aufgebaut. Hauptbestandteile sind Textabschnitte und Grafiken, jedoch auf den Unterseiten unterschiedlich positioniert. Das Layout ist geprägt durch weiße Schrift auf schwrzem Hintergrund, wobei Verweise durch die Farben hellorange und hellblau hervorgehoben werden.

Ein wenig Statistik: 29 XHTML-Seiten, 49 Grafiken, 11 Audio-Dateien, 2 CSS-Dateien.

Rückblick: Anforderungen 2005

  • Erstellung statischer XHTML-Seiten
    • Startseite (Begrüßung und Bild der Musiker)
    • Musiker (Vorstellung der Mitglieder mit Foto und E-Mail-Adresse)
    • Musik (Einbindung von Hörproben)
    • Fotogalerie (Ausgewählte Fotos verschiedener Auftritte)
    • Termine (Tabellarische Auflistung unterteilt nach Jahren)
    • Kontaktseite (mit Kontaktformular)
    • Partner-, Presse- und Impressum-Seiten
  • Erstellung eines Fotoalbum zur Geburtstagsparty 2005
  • Gestaltung in verschiedenen Gelb- und Orange-Farbtönen
  • Nutzung der gesamten Seitenbreite, egal welche Auflösung
  • Optimierung für eine Auflösung von 1024 × 768
  • Verweis auf ein vorhandenes Gästebuch

Startseite der Berlin Rock 'n' Rollers Bildschirmfoto: Ausschnitt der Navigation einer Unterseite der Berlin Rock 'n' Rollers-Internetpräsenz

Bildbeschreibungen: Bildschirmfotos der Startseite Berlin Rock 'n' Rollers und Navigations-Ausschnitt. Im Kopfbereich der Seite ist links das Logo, das als Verweis auf die Startseite dient und rechts eine Zusatznavigation (Partner, Presse, Gästebuch, Impressum, Aktuelles). Darunter folgt horizontal das Hauptmenü. Die fünf Schaltflächen sind mit einem gelb-orangen-Hintergrund versehen, der jeweils aktive Hauptverweis wird durch einen dunkelorangen Hintergrund sowie ein Schmuckelement hervorgehoben. Dann folgt der Hauptbereich, der in zwei Bereiche unterteilt ist: Links befindet sich das jeweilige Untermenü, rechts der Inhaltsbereich. Der Inhaltsbereich ist mit dunkelorangem Hintergrund und gelb-oranger Schrift gestaltet. Verweise werden in blauer Schrift dargestellt.

Ein wenig Statistik: 96 XHTML-Seiten, 161 Grafiken, 8 Audio-Dateien, 1 CSS-Datei.

Seitenanfang