Jede Woche schauen wir uns eine neue Website an und analysieren das Design. Wir werden auf beide Bereiche hinweisen, die gut erledigt werden, zusätzlich zu den Bereichen, in denen etwas Arbeit anfallen könnte. Zum Schluss bitten wir Sie, Ihr eigenes Feedback zu geben.
Die heutige Seite ist Aaron Storry Photography.
Wenn Sie Ihre Website für eine zukünftige Design-Kritik einreichen möchten, dauert dies nur wenige Minuten. Für die Bewertung Ihres Designs berechnen wir 24 US-Dollar - deutlich weniger, als wenn Sie einen Berater für einen Blick auf Ihre Website bezahlen würden! Hier erfahren Sie mehr.
Über Aaron Storry Photography
Aaron ist ein professionell ausgebildeter und sehr erfahrener Fotograf aus Higham Ferrers, Northamptonshire. Seine Fachkenntnisse liegen hauptsächlich in den Bereichen Hochzeitsfotografie, Porträt-, Landschafts- und offene Situationsfotografie, er hat jedoch auch sehr viel Erfahrung mit HDR (High Dynamic Range Imaging) und Tilt-Shift.
Hier ist ein Screenshot der Homepage:
Erste Gedanken
Wenn Sie unsere Design-Kritik seit einiger Zeit verfolgt haben, können Sie diese Site erkennen. Aaron Storry war auch Web Design Critique # 5! Ich habe damals gesagt, dass ich die Site wirklich mag, und die Aussage trifft heute noch mehr zu. Hier ist das ursprüngliche Design der Homepage.
Wie Sie sehen, fühlt sich die alte Version dagegen viel schlichter und ein wenig leer an. Die neue Website fühlt sich an, als wäre viel mehr Arbeit sowohl inhaltlich als auch ästhetisch angelegt worden. Es ist nicht oft, dass ich einen Designer für Cramming preise Mehr Inhalt auf ihrer Homepage, aber in diesem Fall denke ich definitiv, dass es nötig war.
Ich mag es wirklich, dass Aaron beschlossen hat, die Essenz des alten Designs beizubehalten, während es wirklich auf die nächste Stufe gebracht wird. Wenn Sie ein Kunde mit der alten Website wären, würde Sie die neue nicht schockieren, es würde sich eher wie ein Update anfühlen als eine vollständige Neugestaltung.
Werfen wir einen Blick auf jedes Stück der Homepage und sehen wir uns an, ob und ob es sich verbessert hat und ob wir der Meinung sind, dass weitere Verbesserungen möglich sind oder nicht.
Navigation
Die alte Site hatte eine Navigationsleiste, die an der Seite lief. Einige Leute lieben die Seitennavigation, andere hassen es, aber diese wurde ziemlich gut umgesetzt. Der Grund, warum es funktionierte, war, dass es so behoben wurde, dass beim Navigieren die Navigation mitging, was das Wechseln der Seiten von überall aus erleichtert.
Diese Funktionalität war jedoch an den Stellen nicht vorhanden, an denen sie am meisten gebraucht wurde: auf den langen Galerieseiten. Diese Inkonsistenz war ein bedeutender Niedergang des vorherigen Standorts. Die neue Site gibt die Seitenleiste vollständig aus und wählt stattdessen die Navigation auf der Oberseite.
Ob eine Top-Navigation von Natur aus besser ist als eine Seitennavigation, ist eine Diskussion für einen anderen Tag, aber in diesem Fall denke ich definitiv, dass es eine Verbesserung ist. Vor allem fraß die Seitenleiste viel Seitenbreite auf, was, wie wir jetzt sehen, viel Potenzial hatte, um andere Inhalte zu präsentieren. Wenn Sie die Navigation oben aufsetzen, wurde der Footprint dieses Teils der Website reduziert, während er sich dennoch an einem logischen Ort befindet. Ich meine damit, wenn jemand auf die Suche nach der Navigation geht, beginnt er oben auf der Seite.
Was die Verbesserung angeht, bin ich mir nicht sicher, ob ich verrückt nach der sich wiederholenden Form hinter den Dropdowns der Navigation bin. Ich denke, eine einfache dunkle Box könnte für mehr Kontrast sorgen und fühlt sich weniger unbeholfen an.
Diashow
Ich kann nicht genug über diese Gegend sagen. Wenn Sie die Navigation nach oben verschieben, um mehr Platz für die Diashow zu schaffen, ist dies die beste Entscheidung, die beim Redesign getroffen wurde. Fotografen müssen vor allem eines auf ihren Websites präsentieren: ihre Fotos.
Dies ist 99,9%, wie Sie von potenziellen Kunden beurteilt werden. Nichts macht einen guten Eindruck wie eine riesige Foto-Diashow, die Ihre besten Arbeiten zeigt. Wenn Sie ein Fotograf sind, sollten Sie dies unbedingt auf Ihrer Website nachahmen. Tatsächlich haben wir kürzlich ein Tutorial zum Erstellen einer Diashow im Vollbildmodus für Ihre Homepage veröffentlicht.
Neben der Größe der Diashow ist die Implementierung solide. Für den Anfang ist es JavaScript anstelle von Flash, was immer ein Bonus ist. Die Bedienelemente sind auch einfach, aber leicht zu erkennen und zu verwenden.
Informationsgehalt
Die zweite große Verbesserung für diese Site ist die Aufnahme vieler hilfreicher Informationen direkt auf der Homepage. Zuvor mussten die Benutzer viel tiefer in die Website eintauchen, um mehr über Aaron und seine Dienste zu erfahren, was für neugierige Besucher zum ersten Mal nicht ideal ist. Nun sind seine Dienste klar mit Links zu jedem Abschnitt der Website angegeben.
Die Organisation dieser Informationen ist wirklich großartig. Bei vielen dieser Kritikpunkte wird kritisiert, wie Informationen auf der Homepage dargestellt werden, weil es so einfach ist, sie wie ein unorganisiertes Durcheinander aussehen zu lassen. Hier haben wir jedoch klar getrennte Abschnitte, in denen ein leicht nachvollziehbarer Informationsfluss und strikte Ausrichtungsgrundsätze in die Praxis umgesetzt werden. Ich mag besonders die Verwendung von grauen Kästchen, um den Inhalt links von dem rechts zu trennen, eine nette Geste!
Andere Seiten
Das tolle Design hört nicht bei der Homepage auf. Das hier festgelegte Layout wird landesweit sehr gut ausgeführt. Denken Sie daran, dass es völlig akzeptabel ist, eine modifizierte Version Ihres Homepage-Layouts für Ihre anderen Seiten wiederzuverwenden. Sie müssen das Rad nicht jedes Mal neu erfinden! Hier hat der Designer ein vorhersagbares und bekanntes Muster erstellt, das die Benutzerfreundlichkeit erleichtert, da Sie sich schnell an das grundlegende Layout gewöhnen.
Selbst wenn der Designer, wie im Fall der Shop-Seite, ein Layout komplett überdenken musste, warf er es wirklich aus dem Park. Das gitterbasierte Layout ist super solide und funktioniert hier perfekt. Weitere nette Extras sind die Hover-Effekte und die saubere, funktionelle Seitenleiste.
Du bist dran!
Nun, da Sie meine Kommentare gelesen haben, helfen Sie dem Designer mit ein paar weiteren Ratschlägen. Teilen Sie uns mit, was Sie an dem Design toll finden und was Sie für stärker halten könnten.Wie immer bitten wir Sie, auch den Designer der Site zu respektieren und eine klare, konstruktive Beratung ohne harte Beleidigungen anzubieten.