Relaunch Unternehmens-Website

Vertragsart:
Remote
Start:
01.2015
Dauer:
3 Monate
Von:
Raphael Knecht
Ort:
Zug
Eingestellt:
10.11.2014
Land:
flag_no Schweiz
Projekt-ID:
805000

Warning
Dieses Projekt ist archiviert und leider nicht (mehr) aktiv.
Sie finden vakante Projekte hier in unserer Projektbörse.
Wir von officeatwork (www.officeatwork.com) planen einen Relaunch unserer derzeitigen Homepage. Dabei soll ein neues Design zur Anwendung kommen und die Seite soll moderner gestaltet werden. Die Inhalte bleiben mehr oder weniger identisch zu denjenigen der bisherigen Website.

In der angefügten PowerPoint-Präsentation ist zu erkennen, was wir uns für die neue Homepage bezüglich Design und Struktur in etwa vorstellen. Die Inhalte werden wie gesagt mehr oder weniger identisch zur bisherigen Seite (www.officeatwork.com) gestaltet, jedoch etwas aufgefrischt und abgekürzt.

Zusätzlich zur Präsentation sende ich Ihnen noch folgende Text-Ausführungen resp. –Erklärungen:

Allgemein:
- Die neue Seite sollte über die komplette Breite des Bildschirms/Browsers gehen (nicht wie bisher nur in der Mitte)
- Die neue Seite sollte „responsive“ sein
- Die neue Seite sollte mittels CMS einfach und schnell durch officeatwork editierbar sein (News, Inhalte, Bilder etc.) --> welches CMS (WordPress, TYPO3 spielt keine Rolle)
- Die neue Seite enthält grundsätzlich diejenigen Inhalte der bisherigen Seite

Die generelle Struktur (siehe dazu PowerPoint-Folie 1):
- Das Menü-Band/-Ribbon-Design: im Apple-Homepage Stil
- Die Inhalte-Darstellung: im Microsoft-Homepage Stil
-- Die jeweiligen Seiten-Inhalte finden Sie auf unserer aktuellen Homepage – diese werden mehr oder weniger übernommen resp. werden von uns angepasst

Zum Menü-Band/-Ribbon (siehe dazu auch PowerPoint-Folien 2-4):
- Die Abmessungen des blauen Menübands sind bereits entsprechenden den Vorstellungen von Herrn Seifert gestaltet und sollten später auch etwa in diesen Dimensionen erscheinen
- Falls kein Menü-Punkt ausgewählt ist/wird, sollten mehrere Fenster in einer seitwärts gerichteten „Slide-Show“ verschiedene Inhalte anzeigen (inkl. kleine Punkte am unteren Inhalts-Rand, welche die jeweilige Seite darstellen sollen und über welche die jeweiligen Inhalte angewählt werden können)
- Die Inhalte sollten hellgrau hinterlegt sein
-- Die jeweiligen Seiten-Inhalte finden Sie auf unserer aktuellen Homepage – diese werden mehr oder weniger übernommen resp. werden von uns angepasst

Die erste Seiten-Ebene (siehe dazu PowerPoint-Folien 5-10):
- Die Abmessungen der feinen, grauen Linien sind bereits entsprechenden den Vorstellungen von Herrn Seifert gestaltet und sollten später auch etwa in diesen Dimensionen erscheinen
- Die jeweils an- resp. ausgewählte Unterseite sollte im obersten Menü-Band hellblau hinterlegt sein
- Mehrere kleine Symbole, welche die jeweiligen Inhalte der nächsten Seiten-Ebene verkörpern, sollen darunter angezeigt werden
-- Fährt der User über eines der Symbole, sollte sich der Mauszeiger verändern (keine allzu grossen grafischen Animationen, eine simple Änderung des Mauszeigers sollte genügen)
- Eine feine, graue Linie trennt die Symbole/Icons von den Inhalten darunter
- Die Inhalte sollten auch hier hellgrau hinterlegt sein (die Symoble/Icons hingegen nicht)
-- Die jeweiligen Seiten-Inhalte finden Sie auf unserer aktuellen Homepage – diese werden mehr oder weniger übernommen resp. werden von uns angepasst

Die nächste, zweite Seiten-Ebene (siehe dazu PowerPoint-Folie 11):
- Die Abmessungen der feinen, grauen Linien und des kleinen Dreiecks/Pfeils, welches auf das entsprechende Symbol weist, sind bereits entsprechenden den Vorstellungen von Herrn Seifert gestaltet und sollten später auch etwa in diesen Dimensionen erscheinen
- Das ausgewählte Icon/Symbol enthält einen kleinen, grauen Pfeil/Dreieck, der von der Linie auf das Symbol weist
- Feine, graue Linien trennen die Symbole/Icons von den Inhalten und einzelnen Beiträgen/Inhalten untereinander
-- Die jeweiligen Seiten-Inhalte finden Sie auf unserer aktuellen Homepage – diese werden mehr oder weniger übernommen resp. werden von uns angepasst

Der untere Seitenbereich/Bottom-Bereich resp. das jeweilige Seiten-Ende (siehe dazu PowerPoint-Folie 12):
- Die Abmessungen der feinen, grauen Linien sind bereits entsprechenden den Vorstellungen von Herrn Seifert gestaltet und sollten später auch etwa in diesen Dimensionen erscheinen
- Hier stellt sich Herr Seifert – wie in der PowerPoint-Präsentation abgebildet – eine Zusammenfassung des kompletten Homepage-Inhalts vor mit allen Inhalten/Menüs/Seiten-Ebenen, Länderauswahl, officeatwork-Logo, Social Media-Symbole etc.
- Auch hier trennt eine feine, graue Linie den unteren Seiten-Bereich vom Disclaimer

Besten Dank für Ihr Interesse und Ihre Rückmeldungen bereits im Voraus.

PS: Stellen Sie bitte, falls vorhanden, weitere Fragen hier via freelancermap.