Projekt: xit geht an die Börse Abschlußprüfung 2001 / 2002

Größe: px

Ab Seite anzeigen:

Download "Projekt: xit geht an die Börse Abschlußprüfung 2001 / 2002"

Helene Ackermann
vor 7 Jahren
Abrufe

1 Titel: Projekt: xit geht an die Börse Beschreibung: Erläuterungen zur Konzeption und Gestaltungsform Ort: framfab deutschland ag / Frechen - Königsdorf Name: Thomas Laleike Prüflingsnummer: 7475 Ausbildung: Mediengestalter für Digital- und Printmedien Fachrichtung: Mediendesign / Nonprint Erstellt am: :40 Bearbeitet von: :14 Mediengestalter für Digital- und Printmedien Fachrichtung Mediendesign / Nonprint Seite 1 von 1

2 1 Erläuterungen zum Konzept Ich werde hier kurz auf das zuvor erstellte Konzept eingehen, und die grundlegenden Punkte erläutern. Dabei geh ich auf die Struktur, auf die einzelnen Bereiche und auf Änderungen in der Umsetzung im Bezug auf das Konzept ein. 1.1 Struktur des Konzeptes Um eine anwendergerechte Mikrosite produzieren zu können, bedarf es einer konkreten Zielsetzung und einer genauen Zielgruppenanalyse. Mit einer Markdarstellung bzw. Analyse der Marktposition gelingt eine optimale Plazierung im Segment der Börsengänge. Da gewisse Vorgaben bestanden, sollten diese zuerst analysiert und aufbauend auf den Ergebnissen Verbesserungsvorschläge bzw. eine Neuentwicklung vorgeschlagen werden. Die wird in dem Bereich 2.1 Das Logo durchgeführt. Die Vorgaben beruhen jetzt auf der Hausfarbe und dem redesignten Logo. Um die bestmögliche Gestaltung zu gewährleisten, werden jetzt anhand von gestalterischen Grundregeln und Gegebenheiten des Medium Internet die verschiedenen Elemente beschrieben und ihr Funktion erläutert. Bereich 2.2 Typographie bis 2.4 Screendesign 3 Redaktionelle Arbeiten darunter fallen Auswahl der Texte und Gliederung in die einzelnen Bereiche. Zudem die Wahl der Foto für jeden Bereich. Wobei hier auch die Entscheidung getroffen wurde, mehrere bzw. bereits verwendete Bildelemente zu nutzen. Das Storyboard wurde, in einer auf den Nutzungs- und Funktionsumfang gekürzte Version, notiert. 4 Der Anhang die Scribbles sind Ideenskizzen, wobei die Skizzen des Webseitenlayout saubere Nachzeichnungen der Scribbles sind. Die Scribbles für das Logo liegen im Original bei und sollten auch als solche betrachtet werden. Die Screenshots sind lediglich Bildmontagen aus Photoshop. Somit gibt es kleine Unterschiede im Vergleich zu den HTML Screenshots. Speziell die Schrift des Fließtextes, Text der 2. Navigation und der Footer - Navigation schneidet in Photoshop anders. 1.2 Änderung gegenüber dem Konzept Mengentext Da der Mengentext mit einem Zeilenabstand versehen wurde, und der Text somit länger fließt als das Ursprungslayout vorsah, wurde eine graue Fläche unterhalt des Visuals eingefügt. Sie dient somit als optische Verlängerung des Visuals (gleicher Grauton wie bei dem Mosaik) und als Pufferzone für längere Texte. Gutes Bespiel ist der Bereich Ausgesuchte Kennzahlen Mediengestalter für Digital- und Printmedien Fachrichtung Mediendesign / Nonprint Seite 2 von 2

3 Zudem wurde die Maßeinheit für den Mengentext von pt auf px geändert, somit kann eine beinahe Plattformenunabhängige Schriftanzeige gewährleistet werden. Die Größe der Subheadlines wurde geringfügig auf 12px erhöht Funktionsweise der Navigation Sie wurde nicht geändert, es wurde nur noch ein : (Doppelpunkt) mehr eingefügt. Er ist so besser zu erkennen, und gliedert jeden einzelnen Punkt besser als ein Doppelpunkt einzeln für sich. 3.1 Texte Im Zuge der Umsetzung der Homepage, erschienen Texte wie Auf Wachstumskurs, E-Commerce und Schutz für Kleinaktionäre für zu kurz um allein auf einer Seite zu stehen. Aus diesem Grund wurden Sinneinheiten gebildet und 2 Texte zusammen auf eine Seite untergebracht. Es veränderte sich der Strukturplan und die Navigation geringfügig. Außerdem wurde für Auf Wachstumskurs und Schutz für Kleinaktionäre kein eigenes Photo mehr verwendet - sondern mußte sich unterordnen. Für den neuen Bereich Crossmedia & E-Commerce wurden 3 unterschiedliche Photos verwendet und zusammengefügt. Es paßt sich so sehr gut an den Begriff Cross~ an. 1.3 Voraussetzungen / CD Struktur Das Logo wurde komplett im Illustrator 8 erstellt und liegt als *.ai und als *.eps im Ordner CD - NR 7475\\DESIGN\LOGO. Die Farbwerte sind hier noch in CMYC kann somit auch als Druckvorlage verwendet werden. Zur Weiterverwendung in Photoshop z.b. käme hier nur der RGB-Farbraum in Frage. Die Umwandlung sollte aber in Photoshop erfolgen. Das Layout wurde Mit Photoshop 5.5 erstell, somit sollte es keine Probleme mit den Textebenen geben. Trotzdem sollte mindestens die Version 5 verwendet werden, um Darstellungsfehler zu vermeiden. Die verwendete Schrift liegt im Ordner CD - NR 7475\_X_DATEN. Es wurden Temp-Dateien erstellt, sie sollen die Grafikproduktion erleichtern und so jedem es ermöglichen den Webauftritt erweitern zu können. Es gibt 4 Templates, die Navigation, Headline sowie Textheadline und das Visual. Sie befinden sich im Ordner AP\CD - NR 7475\DESIGN\_TEMP Die Website wurde auf einem Windows Rechner entwickelt und auch auf diesem mit dem Microsoft Internet Explorer 5.5 und dem Netscape Communicator 4.73 erfolgreich getestet. Ein grober Funktionstest auf einem Macintosh wurde durchgeführt, es kann so wenigsten die Funktionsfähigkeit gewährleistet werden. Für die Erstellung der Webseite, wurde der Dreamweaver in Verbindung mit Homesite 4 benutzt. Der Dreamweaver garantiert bis zu einem gewissen Grad die Cross-Browser-Kompabilität. Der zusammenhängend gelieferte Text wurde in einzelne Seite aufgeteilt erneut abgespeichert und befindet sich unter CD - NR 7475\_X_DATEN\TEXTE\. Mediengestalter für Digital- und Printmedien Fachrichtung Mediendesign / Nonprint Seite 3 von 3

4 Unter CD - NR 7475\_X_DATEN\ PHOTOS\ sind die ausgewählten und in der Auflösung angepaßten Photos zu finden. Nur diese Photos wurden für den Auftritt ausgesucht bzw. verwendet Das Verzeichnis \HTML Es existiert ein Grafikhauptorder, in dem die einzelnen Typen von Grafiken einen eigenen Ordner bekommen habe. Man findet sich, auch als unwissender, sehr schnell zurecht, und kann gegebenenfalls die Struktur bzw. die Grafiken erweitern. Die einzelnen Ordner kurz genannt: bg bt hd ic nav pics steht für sämtliche Hintergrundgrafiken hier lagern Buttons, Knöpfe und ähnliches die nicht direkt etwas mit der Navigation zu tun haben / bei xit AG bleibt dieser Ordner vorerst leer sämtliche Headlines (Bereichs- wie Subheadlines) liegen hier Icons, Aufzählelemente und ähnliches alle Grafiken die zur Navigation gehören. Grafiken die für sich stehen, Photos, Visuals, Schaugrafiken und anderes. Das empty.gif wird für den Aufbau des Layouts benötigt, und dient hier als Platzhalter oder zum Aufspannen von Tabellen. Eine zweite Variante ist das farbige pixel******.gif, mit ihm kann man die exakte Hintergrundfarbe realisieren, die Hexa-Werte weichen von System zu System leicht ab. 2 Sitemap Die Navigation ermöglicht eine, von jeder Seite auf eine x-beliebige andere Seite zu springen. Somit sind alle Seiten untereinander verlinkt ich habe daher auf eine extra Kennzeichnung in der Grafik verzichtet. 3 Screenshots der Website ( HTML ) Mediengestalter für Digital- und Printmedien Fachrichtung Mediendesign / Nonprint Seite 4 von 4

5 xit AG Die xit AG geht an die Börse ( Hauptseite index.html ) xit AG xit Worldwide ( Unterseite sec1-1.html ) Mediengestalter für Digital- und Printmedien Fachrichtung Mediendesign / Nonprint Seite 5 von 5

6 xit AG Fakten für xit ( Unterseite sec1-2.html ) xit AG Strategien für 2002 / Auf Wachstumskurs ( Unterseite sec1-4.html ) Mediengestalter für Digital- und Printmedien Fachrichtung Mediendesign / Nonprint Seite 6 von 6

7 xit AG Strategien & Service ( Unterseite sec2-1.html ) xit AG Crossmedia & E-Commerce ( Unterseite sec2-2.html ) Mediengestalter für Digital- und Printmedien Fachrichtung Mediendesign / Nonprint Seite 7 von 7

8 xit AG xit setzt Zeichen. Zeichnen sie xit! ( Unterseite sec3-1.html ) xit AG xit Details zum Börsengang ( Unterseite sec3-2.html ) Mediengestalter für Digital- und Printmedien Fachrichtung Mediendesign / Nonprint Seite 8 von 8

9 xit AG Ausgesuchte Kennzahlen ( Unterseite sec3-3.html ) xit AG Zeitplan für den Börsengang ( Unterseite sec3-4.html ) Mediengestalter für Digital- und Printmedien Fachrichtung Mediendesign / Nonprint Seite 9 von 9

10 xit AG Ihr Kontakt zu uns. ( Unterseite contact.html ) Mediengestalter für Digital- und Printmedien Fachrichtung Mediendesign / Nonprint Seite 10 von 10

Ähnliche Dokumente

Projekt: xit geht an die Börse Anwendungskonzept für den Web-Auftritt der xit AG framfab deutschland ag / Frechen - Königsdorf

Titel: Beschreibung: Ort: Projekt: xit geht an die Börse Anwendungskonzept für den Web-Auftritt der xit AG framfab deutschland ag / Frechen - Königsdorf Name: Thomas Laleike Prüflingsnummer: 7475 Ausbildung: