Ihre Website in TYPO3:
Klicken Sie hier
TYPO3 Fallstudie TYPO3 Webdesign
TYPO3 Shop TYPO3 Intranet TYPO3 Multidomain TYPO3 Sprachauswahl
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.)
![]() |
![]() |
|
| 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.
![]() |
![]() |
|
| 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.