TYPO3 Webdesign

TYPO3 Webdesign heißt eigentlich Webdesign für TYPO3.

Im Folgenden beschreiben wir Ihnen anhand eines konkreten Projektbeispiels den typischen Ablauf zur Erstellung eines TYPO3 Webdesigns, welches wir mit der befreundeten Agentur TYPO3-Macher erstellt haben.

In einem ersten Schritt erstellen wir gemeinsam mit dem Kunden ein Webdesign-Briefing.
Anschließend werden auf Basis dieses Webdesign-Briefings und der TYPO3 spezifischen Besonderheiten ein bzw. (auf Kundenwunsch und je nach Budget) auch bis zu drei Webdesign-Entwürfe erstellt.
Die für TYPO3 optimierten Webdesign-Entwürfe werden als Skizze entwickelt und im JPG-Format bereitgestellt.

Hier sehen Sie zwei für den Einsatz in TYPO3 entwickelten Webdesign-Entwürfe für unseren Kunden aditago.
Für TYPO3 ist es wichtig jeweils eine Webdesign-Ansicht der Homepage und zusätzlich von mehreren Folgeseiten zu erarbeiten.

(Klicken Sie bitte auf das jeweilige Bild, um eine Großansicht der TYPO3 Webdesign-Entwürfe zu sehen.)

TYPO3 Webdesign 1

Webdesign-TYPO3 Homepage 1		Webdesign-TYPO3 Folgeseite 1.1
Webdesign-TYPO3 Folgeseite 1.2		Webdesign-TYPO3 Folgeseite 1.3

Das TYPO3 Webdesign 1 benutzt eine ausgewogene Bildsprache und lässt damit das technisch geprägte Thema "Hard- und Software für die Zutrittskontrolle bei Massenevents" sehr lebendig erscheinen. Die für TYPO3 entwickelte Homepage hat einen etwas größeren Kopfbereich. Das Kopfbild kann je nach Jahreszeit ausgetauscht werden. Die Folgeseiten haben einen deutlich kleineres Kopfbild, um Platz für Inhalte zu schaffen. Es sind mehrere Varianten einer Folgeseite dargestellt. Idee dieses Entwurfes ist, je Kapitel ein eigenständiges Kopfbild zu entwickeln.

TYPO3 Webdesign 2

Webdesign-TYPO3 Homepage 2		Webdesign-TYPO3 Folgeseite 2.1
Webdesign-TYPO3 Folgeseite 2.2		Webdesign-TYPO3 Folgeseite 2.3

Auch bei diesem TYPO3-Entwurf ist die Bildsprache äußerst gelungen. Der frech fröhlich lachende Junge vor dem Hintergrund des Halleneingangs macht Lust auf Freizeit und damit auf die Zutrittslösungen von aditago. Die vertikale Hauptnavigation (links) ist durch eine Metanavigation horizontal im oberen rechten Bereich ergänzt. Zur Standortbestimmung und Orientierung des Nutzers auf der Seite wird ein Brotkrumen-Menü verwandt. Auch bei diesem Entwurf kann die Kopfleiste variiert werden. Wiederkehrendes Element neben dem Logo ist der kleine Junge, der in den Kollagen der Kopfleiste in verschiedenen Posen auftaucht.

TYPO3 Webdesign - Logos
Im Falle von "aditago" existiert weder eine CI noch ein Logo. Die Firma hat sich gerade erst neu gegründet. Darum haben wir parallel zum eigentlichen Webdesign auch mehrere Varianten für ein Logo entwickelt. Hier sehen Sie das Ergebnis:

Webdesign - Logo 1		Webdesign - Logo 2
Webdesign - Logo 3		Webdesign - Logo 4

Hat sich der Kunde für ein Webdesign entschieden, erstellen wir einen HTML-Prototypen als Vorbereitung zum Einbau in TYPO3.

Nach erneuter Abnahme des HTML-Prototypen durch den Kunden beginnt die Umsetzung in TYPO3.