Projekt als WebAssistant:

Transkript

1 Projekt als WebAssistant: 1. Auftrag und Zielsetzung 1.1. Informationen des Auftraggebers Die Firma belgarat soll Anfangs 2005 im Handelsregister in Bern eingetragen werden. Das Tätigkeitsgebiet umfasst PC-Support, LAN- Support, Webdesign, Service, Neuinstallationen etc. Der Inhaber dieser Firma heisst René Hirt und beendete kürzlich die Ausbildung zum PC/LAN- Supporter SIZ. Jetzt begibt er sich zur Ausbildung als Web-Publisher, sodass er sein Angebot erweitern kann. Der Sitz der Firma ist in Zollikofen bei Bern. René Hirt wird seine Selbständigkeit zweitberuflich aufbauen, da im Moment der IT-Bereich zu unsicher ist. Ziel der Firma ist es, nicht die grosse Masse anzusprechen, sondern qualitativ ansprechende Kundschaft zu finden Ziele des Internetauftrittes Der Auftritt soll bei der Akquisition eine unterstützende Wirkung haben. Der Kunde oder der zukünftige Kunde soll sich kurze Informationen holen können über Angebot, Preise und Referenzen der Firma. Zudem soll eine unkomplizierte Kontaktaufnahme zum Firmeninhaber möglich sein. 2. Inhalte der Webseite 2.1. Angebotene Inhalte und Funktionalitäten Da die Webseite nur eine Marketingunterstützung sein soll, wird der Auftritt relativ simpel ausgeführt. Sie soll aber stilistisch sehr sorgfältig und interessant programmiert sein. Sie soll vom Stil her eindeutig von anderen Auftritten differenziert werden können. Der Auftritt soll eher wie René Hirt 1 Zollikofen,

2 ein Werbeplakat als eine Informationsquelle dienen. Durch kurze Informationen soll der Kunde angeregt werden zur Firma Kontakt aufzunehmen um nähere Angaben zu erhalten. So wird der Kunde in ein Gespräch mit dem Inhaber verwickelt und akquiriert Nicht angebotene Inhalte und Funktionalitäten Aufwendige Downloadbereiche, Gästebücher, und andere Bereiche wie Online-Shopping, die in das Gebiet von Datenbanken gehen könnten, sollen nicht integriert werden. Auch dürfen keine allzu langen Beschreibungen vorkommen, die den Kunden motivieren könnten, rasch zu einer anderen Seite zu wechseln Zukünftig angebotene Inhalte Sollte sich die Firma im IT-Bereich etabliert haben und der Wunsch der Kundschaft nach mehr Interaktivität zum Web-Portal sein, wird diese Web-Seite komplett neu überarbeitet. Als Grund kann der Wunsch sein, einen Online-Shop für PC und Peripherie zu haben oder einen umfassenden Download-Bereich für Treiber etc. Gästebücher oder andere Erweiterungen im kleineren Umfang werden von der Firma belgarat vernachlässigt. 3. Gestaltungskonzept 3.1. Richtlinien Als Richtlinie erhält der Designer eine Visitenkarte im PSD-Format und die Farbencodes in Richtung rot und grau. Auf der Visitenkarte ist das Logo der Firma. Die ganze Homepage soll mit den vorgeschriebenen Farben kreiert werden Gestaltungsbegründung Die Seite soll mit der Schriftart Verdana geschrieben werden, da diese von allen Browsern und Plattformen unterstützt und ein technisches Flair René Hirt 2 Zollikofen,

3 hinterlässt. Das Logo der Firma belgarat ist auch in Verdana. Humorvolle und passende Bilder sollen die Informationen begleiten um die Aufmerksamkeit des Betrachters zu erhöhen. Da der Auftritt wie ein Plakat wirken soll, sollen Schriftarten und Button relativ gross gestaltet werden, die Textlänge relativ kurz und prägnant. Durch einen besonderen und eleganten Stil soll der Kunde auch von den Fähigkeiten als Designer beeindruckt werden Vorlage der Seiten Design Tätigkeit, Adresse, Telefon Logo Home Angebot Preise Links AGB About us Navigationstitel Untermenus zum Hauptmenu Navigationstitel Ueberschrift1 Ueberschrift2 Das ist ein normales Textmuster Dies ist ein Link Mouse-Over Bild Copyright Die Seite soll mehr oder weniger auf allen Auflösungen funktionieren, wobei diese eindeutig auf 1024x768 zugeschnitten ist. Erreicht wird dies mit der Streckung des Textes und den Abstand von Menubar und Navigationstitel, sowie von durchgezogenen Linien und flexible Tabellen. Zuoberst sind relevante Angaben und das Logo über die Firma belgarat anhand des Visitenkartenmusters. Das Haupt- und Untermenu wird in einem roten Ton gehalten. Die Navigationstitel sind auf grauem Grund mit roter Schrift-Farbe. Die Buttons werden anhand der Farbvorlagen konstruiert. Die Gestaltung der Buttons ist frei, jedoch sollten sie passend zu den Navigationstiteln sein. René Hirt 3 Zollikofen,

4 Links werden unterstrichen grau und überfahrene rot auch unterstrichen angezeigt. Zwischen Navigationstitel und Menus soll ein Übergang sein, damit die Seite je nach Auflösung gestreckt werden kann. Der Titel soll eine Höhe haben von Pixel, je nach Lesbarkeit des Logo und den zusätzlichen Informationen. Die Menubars sollen eine Höhe von ca. 30 Pixel haben je nach Lesbarkeit der Buttons. Die restliche Höhe richtet sich nach dem Text. Die Breite richtet sich anhand der Menubars, die bei einer Auflösung von 800x600 noch deutlich erkennbar sein müssen. 4. Struktur der Web-Seite 4.1. Strukturierung Da die Web-Seite in der Breite flexibel sein soll, werden die Tabellen rein prozentual strukturiert. Die Ausnahme bilden die Menubars. Wichtig ist, dass die Navigation bei jeder Auflösung technisch und optisch funktioniert. Zuoberst werden die Firmen-Beschreibung und das Logo platziert, danach die Hauptnavigation links und der dazugehörige Titel rechts. Je nach Bedarf erscheinen weitere Unternavigationen im gleichen Stil wie das Hauptmenu Navigation Die Navigation soll übersichtlich und einfach gestaltet sein. Zur Orientierung wo sich der Kunde auf der Web-Seite befindet, erscheint jeweils auf der rechten Seite der Navigationstitel der jeweiligen Seite. Zur ersten Orientierung dient das Hauptmenu mit ihren Hauptthemen. Falls das Hauptthema unterteilt ist, erscheint eine weitere Navigation. Damit der Kunde rasch von einem Thema ins andere wechseln kann werden beide Menubars angezeigt. Die Unterteilung der Themen ist im nachfolgendem Diagramm Navigation ersichtlich. René Hirt 4 Zollikofen,

5 Navigation Startseite index.htm Overture home.htm Angebot angebot.htm Preise preise.htm Linkliste links.htm Allg. Allg. Gesch. Bed. Bed. agb.htm About me me about.htm Computer computer.htm Network Network network.htm Webside Webside webside.htm Service Service service.htm PC/LAN pclan.htm Webside Webside webside.htm Service Service service.htm Persönliche Daten Daten personel.htm SIZ SIZ und und Diplome Diplome siz.htm siz.htm Referenzen reverenz.htm Kontakt-Formular kontakt.htm Danke Danke danke.htm Fehler Fehler fehler.htm 5. Persönliche Daten René Hirt Ringstrasse 3 CH-3052 Zollikofen WebAssitstant Klubschule Migros Bern Informatikschule Klasse Vom 18. August bis 14. Dezember 2004 Kursleiter Sesamnet GmbH René Hirt 5 Zollikofen,