Mac & A Mic

Das gewählte Design ist das "Booklet Design", welches Ähnlichkeiten mit dem Buch Design besitzt. 

Startseite / Splash:

Die Startseite ist sehr minimalistisch und einfach gehalten. Es beinhaltet grundsätzlich einen Stapel von Bildern, wobei nur das oberste Bild angesehen werden kann, da es nicht verdeckt wird. Es besteht aus dem 2 Bandmitgliedern und dem Logo, entweder im oberen Rechten Rand oder dem unteren rechten Rand. 

Dabei kann das Wort "Start" im Bild eingefügt werden, damit die Nutzer automatisch wissen, wie sie weiter kommen zu der eigentlichen Website. 

Der Footer beinhaltet nur allgemeine Informationen zu Kompatabilität zu Browsern, mobilen Geräten, Inhaber, etc. 

Der Hintergrund wird ein helles blau werden, damit die Bilder als Kontrast herausstehen und der Fokus der Nutzer automatisch auf den Bildern fällt. 

Die Website:

Die Website wirkt dabei wie ein typisches Booklet von einem Album (Beispiel: Link). Der Hintergrund wird entweder ein Muster darstellen oder ein Bild von einem Schreibtisch (dies wird beim Prototypen getesten für Ladezeiten). Es wird auch zusätzlich versucht einen 3D Effekt beim Booklet zu erstellen, damit dies design technisch auch ansprechend wird. Das Design dabei ist wieder einmal anders als andere Websites, da die Navigation, etc. anders gehandhabt wird. 

Der Inhalt wird dabei Text mit Informationen darstellen mit einem zusätzlichen Bild, welches von den Fotoshootings entnommen wird. Als Navigation werden bei jeder Page Seitenmarker verwendet, welche man normalerweise verwendet um eine bestimmte Seite zu markieren mit dem dazugehörigen Text (z.B.: Infos, Kontakt, etc.). Diese Marker werden auch eher grellere Farben verwenden, um diese auch schnell erkennen zu können. 

Page Infos:

Diese Page wird aus 2 Bildern bestehen, welche 1 Bild darstellen. Dabei wird der Text in diesen Bildern eingefügt und soll dabei allgemeine Infos zu der Band geben. 

Page Lukas / Stefan:

Ähnlich der Page von Infos sollte diese Pages Infos zu den 2 Personen geben und dabei 1 Bild der Person abbilden. 

Media:

Auf der linken Seite sollte das Video mit Informationen dargestellt und Möglichkeiten zum Teilen auf Social Media Websites gegeben werden und auf der rechten Seite Bilder (zB.: Wallpaper, etc.) der Band zum Download gegeben werden. 

Kontakt: 

Hierbei sollten die einzelnen Möglichkeiten zum Kontakt zur Band gegeben werden, durch verschiedene Social Networking Sites etc. Beispiele hierfür sind:

• Facebook
• Twitter
• Google+
• Youtube
• Email

Impressum:

Hier sollten allgemeine Informationen zum Copyright, zu den Inhabern, dem Ziel der Websites, etc. gegeben werden. 

Warum wurde dieses Design gewählt?

Grundsätzlich entspricht es nicht nur den Vorlieben der Band, sondern auch die Möglichkeiten zur Programmierung. Die Website hat dabei folgende wichtige Elemente:

• Sie ist sehr minimalistisch und doch ansprechend.
• Der Nutzer wird intuitiv durch die Website geführt ohne sie lernen zu müssen.
• Der Nutzer muss nicht nach speziellen Pages in Pages suchen, da es nur wenige Pages gibt und diese auf das wichtigste beschränkt sind.
• Das Design entspricht der Vorgabe "anders" zu sein. 
• Das Design spricht auf die Zielgruppe verstärkt ein, welche modern sind und an Musik interessiert sind. 
• Die Programmierung erfordert kein Flash oder Datenbank Programmierungen.
• Die Kompatabilität ist im Vergleich zu den anderen Designs bei verschiedenen Browsern verstärkt anpassbar. 
• Etc.