Review: 5hearts.de

Review 5heartsDer Reviewservice geht in die dritte Runde und dreht sich heute um Mausz’ Projekt 5hearts.de.

Layout

Die Art und Weise, wie du dein Layout aufgeteilt und die einzelnen Elemente angeordnet hast, ist ungewöhnlich und gefällt mir sehr gut: du folgst nicht dem üblichen Schema à la Headergrafik plus zwei Spalten für Menue und Content, sondern du hast eine innovative, abwechslungsreiche Aufteilung gewählt. Dadurch wirkt dein Layout ansprechend und lädt dazu ein, genauer hinzugucken & auf Entdeckungstour zu gehen.

Die schicke Farbkombination aus Weiß, Rot, Orange und Schwarz taucht das ganze in eine frische, warme Atmosphäre und die Kontraste sorgen dafür, dass das Layout alles andere als “einheitsbreiig” (komisches Wort^^) wirkt.

Etwas störend finde ich die Tooltips, die sich öffnen, sobald man mit der Maus über einen Link fährt. Durch das Knallgelb wirken sie ziemlich aufdringlich, und klein sind sie auch nicht gerade. Was es bringt, dass unterhalb des Linktitels dann noch die URL erscheint, ist mir nicht so ganz klar. 99% der Leute dürfte es nicht interessieren, wie die URL ausschaut, ehe sie auf einen Link klicken und es dann eh sehen. ;-)

Mir gefällt es gut, wie du mit der Typo spielst und unterschiedliche Schriftstile sowie serifenlose und Serifenschriften miteinander kombinierst. Der Inhalt erfährt dadurch eine klare Strukturierung und als Leser erkennt man gleich auf den ersten Blick, was Überschriften verschiedener Priorität sind und wo einen ein Link erwartet.

Es ist schwer, bei dir etwas zum Kritisieren zu finden. Aber ich geb mir ja immer Mühe, nech? ;-)
Die Links zu den vorherigen bzw. nächsten Einträgen ganz unten auf der Seite kleben ziemlich aneinander, obwohl da nach rechts noch mehr Platz wäre.

Süß finde ich übrigens die Idee mit dem Heißluftballon, der das RSS-Feed-Symbol trägt – der ist auf jeden Fall ein Hingucker.

Macht 31 von 35 Punkten!

Coding

Das Stylesheet deiner Galerie, die du eingebunden hast, weist leider noch 22 Fehler auf – die kannst du beheben, wenn du dir die Datei thickbox.css im Verzeichnis wp-content/plugins/nextgen-gallery/thickbox schnappst: die Hacks für den IE 6 kannst du in Conditional Comments auslagern, d.h. du entfernst sie aus der thickbox.css und notierst sie im Header deines Themes. Das mit der opacity bleibt dann noch übrig, aber das ist ja im Grunde genommen kein Fehler, sondern vielmehr eine Eigenschaft, die erst in CSS3 vorgesehen ist.

Auch dein Coding ist noch nicht ganz sauber – der XHTML-Validator bemängelt 44 Fehler. Die meisten kommen daher, dass in deiner Sidebar einige Listen nicht ganz korrekt verschachtelt sind – da guckst du am besten mal in der wp-includes/widget.php (falls du deine Sidebar komplett über Widgets fütterst) bzw. in der sidebar.php deines Themes (falls dort die Elemente deiner Sidebar stehen). Da musst du ein bisschen frickeln, bis die Verschachtelung stimmt. Wenn du Fragen hast, kann ich dir da gerne helfen, hab das für neontrauma.de auch gemacht. :-)
Bei ein paar Bildern hast du die ältere HTML-Notation verwendet und den Slash am Ende des img-Tags nicht gesetzt.

Im Head-Bereich hast du zweimal das Meta-Tag Content-Type verwendet – einmal gibst du an, als Zeichensatz UTF-8 zu nutzen, und wenige Zeilen später setzt du den Zeichensatz auf die ISO-8859-1. Das ist doppelt gemoppelt. ;-)

Von daher gebe ich dir im Bereich Coding 10 von 30 Punkten.

Inhalt

Über wenig Inhalt können sich deine Besucher wahrlich nicht beklagen: du bloggst meist mehrmals am Tag über die verschiedensten Bereiche deines Lebens und hast dabei für jeden Geschmack etwas im Gepäck: Unterhaltsames & Amüsantes, Beiträge über Internet-Themen, Berichte über das, was sich in deinem Alltag so tut, …

Als besonderes Schmankerl bietest du zudem viele Goodies für deine Besucher an: verschiedene Tutorials, zum Verwenden freigegebene Fotografien und ein speziell auf Blogs zugeschnittener Reviewservice.

Auch über dich selber & die Geschichte von 5hearts.de finden sich ausführliche Informationen – fein! :-)

Noch dazu stellst du eine Vielzahl an Fotografien von dir in einer Galerie aus, die du übersichtlich in Kategorien geordnet hast.

Inhaltlich bietest du also recht viel – hier gibt es 32 von 35 Punkten.

Insgesamt macht das 73 von 100 Punkten – herzlichen Glückwunsch! :-)

Reviewbadge 5hearts.de

verwandte Beiträge

2 Gedanken zu “Review: 5hearts.de

  1. Vielen Dank!
    An dem Codingmist muss ich echt noch arbeiten. Werd ich mich die Tage dran setzen, jetzt weiß ich ja zumindest wo ich ansetzen muss. Und wenn ich nicht weiterkomme, werde ich sicher wieder auf dich zurück kommen. ;D
    Vielen Dank auf jeden Fall. Was Inhalt und Design betrifft bin ich echt zufrieden… Nur das Coding… >__<

  2. oh man anne liebe deine reviews endlich mal jemand der tips gibt etc… hammer werde bald zurück sein aber mit dem layout melde ich mich nicht an das ist nur ein übergangslay und nicht der rede wert XD