Als nächstes hat sich Green Mystery zum Test auf Herz und Nieren angemeldet.

Layout

Willkommen geheißen werden die Besucher von einer übersichtlich gestaltetenen Enterseite, von der aus man zu den sechs einzelnen Projekten gelangt und die zudem die Affiliate-Buttons beinhaltet. Das Blaugrün im Hintergrund passt hierbei sehr gut zum Domainnamen, wie auch viele der Unterprojekte die Farbe Grün in ihren Layouts aufweisen. Zu einem harmonischen Gesamteindruck trägt außerdem die Tatsache bei, dass die bereits auf der Startseite verwendeten Personenshapes in mehreren der Layouts wieder aufgegriffen werden.

Die Hauptseite besticht durch ihr originelles Design – anlässlich der EM steht hier alles im Zeichen des Fußballs: Fußballspieler im Header, ein grasgrüner Hintergrund und die Deutschlandfarben Schwarz, Rot und Gold als Akzentuierung. Weniger schön finde ich allerdings, dass die Links der Tagcloud teilweise über den rechten Rand herausragen, wie auch die Schnörkel vor den einzelnen Links der Sidebar nicht so ganz zum restlichen Layout passen. Hier könnte ich mir zum Beispiel kleine Fußbälle ganz gut vorstellen.

Der grüne Balken, der unter jedem Artikel steht und die Angabe zu den verfassten Kommentaren beinhaltet, sticht wesentlich mehr ins Auge als die Überschriften der Artikel. Eigentlich sollte es andersherum der Fall sein, da den Überschriften eine größere Bedeutung zukommt.
Ein bisschen irritierend finde ich den ersten der die vier kleinen Screenshots oberhalb der Sidebar – er ist nicht anklickbar, sodass man nicht weiß, was er darstellen soll und warum in aller Welt er überhaupt dasteht. Der zweite Screenshot, der zur Banana Lounge führt, passt vom Layout her nicht zur verlinkten Seite.

Bei der Textgestaltung der Unterseiten hätte man sich eindeutig mehr Mühe geben können. Einiges wirkt recht langweilig, so zum Beispiel die schnöde Liste mit ihren vier Links unter “Interaktiv”. Auch aus den Steckbriefen hättet ihr wesentlich mehr machen können.

In der Lamgallery stimmt die Darstellung nicht, da die zweite der Wanted!-Grafiken etwas schief rechts neben der ersten klebt, anstatt darunter zu stehen.

Die Linkliste weist wiederum ein sehr individuelles, in Sepiatönen gehaltenes Design auf, das an ein aufgeschlagenes Notizbuch angelehnt ist und in der Navigationsleiste schön verschnörkelte Schriftzüge besitzt. Allerdings will die Gestaltung der einzelnen Creditlinks so gar nicht dazu passen: das Schwarz ist sehr hart und die schmucklose Gestaltung der Links in serifenloser Schrift, die noch dazu unterstrichen sind, zerstören den Eindruck eines Notizbuchs leider wieder.

“You are New” kommt mit einem schmucken kleinen Layout daher, das mir gut gefällt. Eventuell hättest du den Links noch einen Hover-Effekt verpassen können.

Das Scandalous-Board sieht im Großen und Ganzen wie jedes WBB aus – außer der Farbgebung und einigen Grafiken wurde hier nichts verändert. Es ist gut lesbar und erfüllt somit seinen Zweck voll und ganz. Das Headerbild mit den beiden “Tussis” ;-) gefällt mir so gar nicht, weil man auf Hunderten von Webseiten diese Fotografien von Models oder Stars im Header findet. Die Assoziation mit Stars – Klatsch – Skandale (Scandalous) ist allerdings gegeben.

Bei der Newbieallianz ist anscheinend das Layout ausgefallen?! – Jedenfalls gibt es hier nichts als schwarze Schrift auf weißem Grund, was das Ganze sehr unfertig und langweilig wirken lässt.

Kommen wir schlussendlich zum letzten Projekt, dem Fanlisting: ein frisches, klares Layout, was mir gut gefällt.

Alles in allem gibt es hier 26 von 35 Punkten.

Coding

Mh – dafür, dass du, jojosan, eine Ausbildung zur Mediengestalterin machst und auch alles andere als ein Neuling in Sachen Webdesign bist, finde ich das Coding etwas dürftig.

Bereits auf der Enterseite finden sich mehrere Fehler im Stylesheet (Tippfehler – hight statt height und ein doppeltes } ). Hier setzt du zudem jeden einzelnen Button der Affiliates in ein Div – das ist überflüssig und produziert Unmengen an Code. Der a-Tag mit entsprechenden Formatierungsanweisungen hätte es hier vollkommen getan. ;-)

Auf der Hauptseite findet sich zwar extra ein Link namens “valid XHTML”, aber die Seite ist alles andere als valide (14 Fehler findet der Validator, darunter Dinge wie doppelt vorhandene title-Tags). Auch das CSS weist hier einige Fehler auf; die Notation im Stylesheet finde ich zudem ziemlich chaotisch, da teilweise Absätze und Einrückungen verwendet werden, teilweise aber auch nicht, sich Groß- und Kleinschreibung bei den Selektoren abwechseln und nur teilweise Kurzschreibweise verwendet wird

Löblich ist, dass du überall mit Divs arbeitest und auf Tabellen- oder Framesetkonstrukte verzichtest.

Ein Fehlerteufelchen hat sich noch eingeschlichen: Site –> Awards verweist auf die WMC-Unterseite anstatt auf eine Seite zum Thema Awards.

Macht 10 von 30 Punkten.

Inhalt

Womit Green Mystery eindeutig punktet, ist die Menge des Inhalts. Neben dem Themenblog, der täglich mit neuen Beiträgen gefüttert wird, gibt es noch zwei Unterprojekte (You are New und die Newbieallianz), eine Linkliste, ein Fanlisting sowie ein Forum.

Im Blog finden sich in erster Linie Artikel zu GFX-bezogenen Themen, aber auch allgemeinere Postings (etwa zu den aktuellen Charts oder der EM). Dazu kommen Aktionen wie die Awardvergabe, “Links of the Week”, verschiedene Tests wie etwa der von Anbietern kostenlosen Webspaces

Viele Artikel sind also definitiv vorhanden, jedoch fallen sie leider meist sehr knapp aus. Mehr als drei, vier Sätze würde ich mir schon wünschen, gerade bei Postings zu eigentlich umfangreicheren Themen – etwa dem Hoster-Test.
Die vielen Tippfehler machen die Postings und Unterseiten teilweise anstrengend zu lesen, aber ich habe respekt davor, dass du, jojosan, dir von deiner Legasthenie nicht den Mund verbieten lässt und trotzdem fleißig schreibst. Vielleicht könnte jemand aus dem Team vor allem die Unterseiten mal Korrektur lesen.

Wie es sich für eine GFX-Seite gehört, darf natürlich auch ein Bereich mit Grafiken für die Besucher nicht fehlen: hier gibt es Avatare, Brushes und Texturen.
Die Links zu den Brushes verweisen auf deviantART – allerdings im gleichen Fenster. Das finde ich etwas unpraktisch, weil man so schnell die Ursprungsseite – also Green Mystery – aus den Augen verliert.

Dafür öffnen sich einige der Unterseiten in einem neuen Fenster, wo es gar nicht nötig wäre und den Besucher irritiert: zum Beispiel Site –> About Green Mystery.

Schön finde ich die Übersicht über die vergangenen Layouts von Green Mystery, die gleich zwei leute (jojosan und paranoid) jeweils kurz kommentieren. Allerdings ist hier die Überschrift doppelt gemoppelt. ;-)

Die Sidebar im Blog ist meiner Meinung nach recht unübersichtlich, weil sie derart viele Kategorien aufweist, die oft nur recht wenige Artikel beinhalten. Hier wäre es vielleicht praktischer, es bei einigen wenigen Kategorien zu belassen und die genauere Unterteilung durch Tags vorzunehmen – eine Tagcloud ist ohnehin vorhanden.

Mir ist aufgefallen, dass diverse Unterseiten sehr häufig verlinkt werden: die Seite “WMC” (für was steht diese Abkürzung eigentlicht? – das habe ich nirgendwo entdecken können) etwa wird direkt im Header verlinkt, dann noch einmal unter Site –> Webby werden sowie ein drittes Mal unten in der Sidebar über einen Artikel.

Hier gibt es 25 von 35 Punkten.

Unterm Strich macht das 61 von 100 Punkten. :-)