28.06.2017 Aufrufe

RinckAntonia_Showbox

Antonia Rincks Showbox ist das Netzwerk der Gestaltungsstudierenden. Showbox ersetzt Konkurrenz durch Kooperation. Durch gegenseitige Inspiration und Beratung kennt Kreativität keine Grenzen, können großartige neue Projekte entstehen. „Entdecken“, „Arbeiten“ und „Gewinnen“ heißen die Oberbegriffe. Auf Showbox werden nicht nur Projekte zum Inspirieren gezeigt, hier kann man real zusammen arbeiten. Showbox Mitglieder haben die Möglichkeit, ihre Projektbriefings zu teilen und andere zur Mitarbeit einzuladen. Showbox bietet die virtuellen Arbeitsräume und die IT-Logistik zur Steuerung gemeinsamer Projekte. Der ShowboxAward zeichnet alljährlich die besten studentischen Projekte aus.

Antonia Rincks Showbox ist das Netzwerk der Gestaltungsstudierenden. Showbox ersetzt Konkurrenz durch Kooperation. Durch gegenseitige Inspiration und Beratung kennt Kreativität keine Grenzen, können großartige neue Projekte entstehen.
„Entdecken“, „Arbeiten“ und „Gewinnen“ heißen die Oberbegriffe. Auf Showbox werden nicht nur Projekte zum Inspirieren gezeigt, hier kann man real zusammen arbeiten.
Showbox Mitglieder haben die Möglichkeit, ihre Projektbriefings zu teilen und andere zur Mitarbeit einzuladen. Showbox bietet die virtuellen Arbeitsräume und die IT-Logistik zur Steuerung gemeinsamer Projekte.
Der ShowboxAward zeichnet alljährlich die besten studentischen Projekte aus.

MEHR ANZEIGEN
WENIGER ANZEIGEN

Erfolgreiche ePaper selbst erstellen

Machen Sie aus Ihren PDF Publikationen ein blätterbares Flipbook mit unserer einzigartigen Google optimierten e-Paper Software.

STYLEGUIDE<br />

Screendesign<br />

STYLEGUIDE<br />

Screendesign<br />

ARBEITEN<br />

ARBEITEN<br />

TESTRAUM<br />

RAUM BETRETEN<br />

SHOWBOX-ROOM<br />

SUPPORT >> FAQS<br />

Aufbau der Website<br />

Struktur der Menüführung<br />

Die Navigation gliedert sich in ein Haupt- und ein Untermenü und<br />

ermöglicht mit der gleichbleibenden Platzierung eine übersichtliche<br />

Führung durch die Einzelseiten.<br />

Das Hauptmenü ist horizontal ausgerichtet und bietet Zugriff auf die<br />

zeitlich unbegrenzten Bereiche wie z.B „Entdecken“ mit den zugehörigen<br />

Unterbereichen.<br />

Das Footermenü (siehe Abbildung unten) ist ebenfalls horizontal ausgerichtet<br />

und listet die verschiedenen allgemeinen Menüpunkte wie<br />

Support, Kontakt, Impressum, Datenschutz und Social Media Links.<br />

Die farbliche Gestaltung unterstützt ebenfalls die Orientierung.<br />

Fährt der Benutzer mit dem Cursor über die inaktive Schaltfläche der<br />

Hauptmenüpunkte, wird der jeweilige Menüpunkt mit Hilfe der Hover-Funktion<br />

in Bold dargestellt. Bei dem Dropdownmenü ändert sich<br />

die Schriftfarbe von Grau in Weiß.<br />

Auf welcher Seite sich der Benutzer befindet, erkennt er an der Breadcrump-Navigation<br />

(siehe Abbildung links) auf den Unterseiten.<br />

Werbeauftritt Bildschirm<br />

Der Seiteninhalt ist zentriert zum Browserfenster ausgerichtet. Der<br />

Headerbereich, in dem das Logo und die Hauptnavigation positioniert<br />

sind, liegt oberhalb des mehrspaltigen Inhaltsbereiches. Ein Full Width<br />

Slider veranschaulicht dem Seitenbesucher, worum es bei <strong>Showbox</strong><br />

geht.<br />

Werbeauftritt – Breite kleiner 700 Pixel<br />

Damit die Bilder und Details bei niederigen Bildschirmauflösungen<br />

nicht zu klein dargestellt werden, wird ab dem Breakpoint von 700<br />

Pixeln das Layout einspaltig angezeigt. Der „Content“ wird dabei über<br />

die volle Breite gestreckt. Die Navigation transformiert sich in eine<br />

Burger-Navigation, die beim Öffnen nach unten aufklappt und das Untermenü<br />

öffnet.<br />

Alle Bilder sind mit einer relativen Größenangabe versehen und skalieren<br />

anhand des sichtbaren Bereiches der Webseite.<br />

Bildwahl<br />

Bilder sind hauptsächlich im Headerbereich zu finden. Im Slider erstrecken<br />

sie sich über den ganzen Bildschirm. Abgebildet sind meist<br />

junge Menschen, die nicht dem Mainstream entsprechen. Sie stehen<br />

für Individualität und kreative Freiheit.<br />

Die Fotos weisen dezente Rot- und Naturtöne aus dem Farbbereich<br />

des Corperate Designs auf. Sie werden teilweise von einem transparenten<br />

rechteckigen Farbverlauf verdeckt, um Werbebotschaften hervorzuheben.<br />

Hex: #BD9C69<br />

Hex: #A21C26<br />

Typografie<br />

Die Auswahl der Schrift wurde im Vorfeld schon erläutert. Die Headlines<br />

sind in Versalien, in einer Schriftgröße von 48 Pixeln und im<br />

Schriftschnitt Black gesetzt. Für Subheadlines wurde Schriftgröße 27<br />

Pixel gewählt. Der Fließtext besitzt eine Schriftgröße von 16 Pixeln,<br />

dies trägt erheblich zu einer guten Lesbarkeit bei.<br />

Hex: #6B0C31<br />

Hex: #000000<br />

Projekt Digitale Applikation<br />

Antonia Rinck<br />

Projekt Digitale Applikation<br />

Antonia Rinck<br />

28 29

Hurra! Ihre Datei wurde hochgeladen und ist bereit für die Veröffentlichung.

Erfolgreich gespeichert!

Leider ist etwas schief gelaufen!