HOME
..................................................

Informatives
Der folgende Text dient der Veranschaulichung einer möglichen Schriftsetzung, erklärt zusätzlich jedoch mein Konzept zur Website TNT24. mehr...

Der Namen
Die Seite sollte zwar ihre Marke über den Titel "TNT24.de" verkaufen, es sollte aber deutlich auf die ebenfalls nutzbare Domain automobileonline.de eingegangen werden, da deren Titel im Gegensatz zu "TNT24" selbsterklärend ist. Die Seite sollte also ein Ziel darstellen, daß man über beide Domains erreicht, daß sein Image und seine rezeptive Wirkung aber auf den Produktbegriff "TNT24.de" aufbaut. mehr...

Das Konzept
Die Website besteht aus zwei ineinander verschachtelten Framesets. Jedes Bauteil der Website stellt eine eigenständige Site dar, sodaß durch nur einen Klick des Users beliebig differenziert abgestimmte Inhalte geladen werden können. Der zentrale Contentframe, der Fließtexte, Informationen, Bilder und Eingabefenster enthält, wird von einem emotionalisierendem Rahmen umgeben. Oberhalb des Inhaltes befindet sich die Hauptnavigation, zur linken Seite die Untermenüs und zur rechten Seite ein schmaler Streifen mit wenigen Informationsinhalten als Appetizer auf mehr...

Dynamik vs. Seriösität
Über dem Hauptmenü befindet sich ein Flashfilm, der nach Wunsch mit unterschiedlichen Inhalten gefüllt werden kann. Das können animierte Informationen zu den in das Contentfenster geladenen Informationen sein, beispielhafte Jpegs oder aber Werbebanner. Dieser Streifen ist jedoch relativ groß und zentral auf der Website angeordnet. Seine Gestaltung sollte deswegen dem Corporate Design der Website entsprechen. Oberhalb dieses Streifens befindet sich ein definitiv für Werbung ausgelegter schmaler Streifen. Hier laufen textlastige Werbebanner als Eigen- oder Fremdwerbung ab. mehr...

Flash
Zugunsten einer sicheren Darstellungsweise, die jeden User erreicht, sollte auf das Flash Plugin MX (6) verzichtet werden. Die Verbreitung des Flashplugins 5.0 liegt aber bei bereits 98% und ist in den meisten Fällen bezüglich auf die Möglichkeiten voll ausreichend. Zusätzlich sollten Preloader das Laden größerer Flashfilme (max. ca. 80 KB) userfreundlicher gestalten und intern die Pluginversion absichern und gegebenfalls automatisch nachladen. Kürzere Ladezeiten sollten aufwendiger Dynamik vorgezogen werden, reduzierte und geordnete Animation aus Gründen der Seriösität wilder Dynamik vorgezogen werden. mehr...

Werbung
Idealerweise wird auf klassische Werbebanner von Fremdfirmen verzichtet, da diese in jedem Fall mehr oder weniger das Layout der Seite zerstören werden, im Gegensatz zu kleinen Thumbnails auf dem dafür vorgesehenen Streifen rechts vom Textcontent, die ebenfalls Werbeflächen darstellen, sich aber intelligent im Hintergrund halten.
mehr...

Photos
Die Website sollte mit ihrem Layout zwar ein dynamisches junges Publikum ansprechen, nicht jedoch älteres oder konservativeres Klientel verprellen. Die Grafiken sollten deshalb in wenigen Farben gehalten werden und nicht zu aufdringlich wirken. Auch hier bedeutet: Reduziertere Grafiken= Höherer Akzeptanz bei konservativem Klientel + kürzerer Ladezeiten = höherer Akzeptanz bei jungem Klientel.

Schriftsetzung
Als Fontfamilie werden die serifenlosen Schriften Arial, Verdana, Geneva und Helvetica in der Größe 11pt mit 2 prägnanten Fraben aus dem Farbspektrum der Website genutzt. Es sollte dabei zugunsten einer besseren Struktur und Übersichtlichkeit auf mehr als 3 unterschiedliche Farben verzichtet werden. Kursivsetzung sollte aus Gründen der schlechten Lesbarkeit ebenfalls nicht benutzt werden. mehr...

Strukturierung
Kleine Textblocks werden zu informativen "Appetizern" zusammengefaßt, an deren Ende jeweils ein Link zu einer weiteren Beschreibung und tieferen Auseinandersetzung mit der Thematik weist. Links werden in einer zur Fließtext contrairen Farbe dargestellt, bereits angeklickte Links grau. Die Überschriften der geladenen Rubriken werden durch Blockschrift in conträrer Farbe (braun-orange) dargestellt, die Überschriften einzelner Textblocks durch einfache Fettsetzung. Ein Link-Beispiel: [www.tnt24.de]

Zur weiteren Strukturierung können einfache Absätze oder Absätze mit zusätzlich gestrichelter Linie verwendet werden.
..................................

Monitorauflösungen
Die Webseite paßt sich automatisch an alle gängigen Monitorauflösungen an. Zwar ist sie für die zur Zeit meistgenutzte Monitorauflösung 1024x768 Pixeln optimiert, erscheint jedoch auch in der älteren Auflösung 800x600 Pixeln (15 Zoll Monitore) fehlerfrei und auf größeren Monitoren angenehm freizügig und aufgelockert. Genau hier liegt ein großer Vorteil diese Entwurfes: Die Seite paßt sich nicht nur den unterschiedlichen Auflösungen an, sie nutzt den zusätzlich entstehenden Raum für eine sehr ausgewogene Komposition.
mehr...

Programmierung
Idealerweise wird die Seite in allen Browsern ab 4.0 und in sämtlichlen Betriebssystemen (Windows, Mac Os, Linux) fehlerfrei dargestellt. Erreicht man dieses Ziel aufgrund der komplexen Baustruktur nicht, so muß zumindest eine 100%ige Kompatibilität mit allen gängen aktuellen Betriebs-systemen und Browsern ab Version 5.0 erreicht werden (Die Problematik betrifft insbesondere Mac OS 9/ X). mehr...

Christoph Behm
Braunschweig, 09.01.2003