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 Website ist das Portfolio des Fotografen Matthew Coughlin.
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 49 US-Dollar - deutlich weniger, als wenn Sie einen Berater für einen Blick auf Ihre Website bezahlen würden! Hier erfahren Sie mehr.
Über Matthew Coughlin
Matthew Coughlin ist ein kreativer Porträtfotograf aus Pensacola, Florida. Seine Arbeit nutzt die Studiobeleuchtung in natürlichen Umgebungen intensiv und prächtig aus. Das Ergebnis ist ein sehr markanter Stil, der typischerweise einen beeindruckenden dynamischen Bereich und ein sehr dramatisches Erscheinungsbild aufweist. Ich mag besonders seine Fähigkeit, die Persönlichkeit seines Motivs wirklich einzufangen. Jedes Foto erzählt auf sehr ansprechende Weise eine sehr definierte Geschichte.
Hier ist ein Screenshot der Homepage:
Schau Ma, kein Blitz
Wir hatten kürzlich ein kleines Werbegeschenk für eine Kritik, bei der die Teilnehmer einfach einen Tweet mit der URL ihrer Website abschießen mussten. Nachdem ich die Teilnehmer durchgesehen hatte, zog mich Matthews Website sowohl als Fotograf als auch als Webentwickler sofort an.
Das erste, was ich wirklich erfrischend fand, war das Fehlen von Flash. Ich möchte das nicht zu einer Flash-bashing-Session machen, aber ich bin fest davon überzeugt, dass es in der Fotobranche eine kritische Über-Abhängigkeit von Flash gibt. Fast jede Fotografen-Site, die Sie finden können, ist fast vollständig auf Flash aufgebaut.
Um fair zu sein, gibt es für diese Tendenz Vor- und Nachteile. Auf der anderen Seite neigen Fotografen-Websites dazu, unglaublich dynamisch und interaktiv zu sein, was eine sehr ansprechende Art der Anzeige von Fotos sein kann. Dies ist ein Element, das auf Matthews Website definitiv fehlt, da es sich um eine ziemlich statische Seite handelt. Es gibt einige Interaktivität, auf die wir später noch eingehen werden, aber meist handelt es sich lediglich um eine Standard-CSS-Bildergalerie.
Auf der negativen Seite hat Flash viel Gepäck. Es ist prozessorintensiv und kann definitiv als Ursache für eine Vielzahl von Browser-Abstürzen bezeichnet werden. Vor allem ist es jedoch nicht sehr mobilfreundlich. iOS blockiert Flash offensichtlich vollständig, aber selbst die mobilen Plattformen, die dies unterstützen, werden von großen, 100% Flash-Fotografen-Websites ziemlich belastet.
All das, um zu sagen, ich liebe es, gelegentlich Fotografen zu sehen, die sich entschließen, sich gegen den definitiven Industriestandard zu wehren und einen allgemein verträglicheren Ansatz zu verwenden.
Responsives Layout
Eine andere Sache, die ich sofort an dieser Site schätzte, ist, dass das Layout ziemlich ansprechend ist. Wir sehen also, dass diese Site nicht nur mobilfreundlich ist, da sie kein Flash verwendet, sondern auch für kleinere Bildschirmgrößen geeignet ist. Zugegeben, das Design ist so einfach, dass dies keine große Leistung war, aber das ist definitiv keine schlechte Sache!
Das responsive / flexible Layout ist sehr einfach mit nur einer Medienabfrage und vielen prozentualen Werten. Wenn sich das Layout ändert, ändert sich die Größe nicht wirklich, die Seite wird nur umflossen. Ich denke, ein bisschen Rücksichtnahme auf flüssige Bilder könnte den mobilen Blick angenehmer machen.
Nicht alle reagieren
Was mich etwas verwirrt, ist, dass das responsive Design im Wesentlichen auf der Startseite endet. Das Blog-Layout ist ein sehr ähnliches Raster wie das auf der Startseite. Es ist perfekt für die gleiche Technik geeignet und dennoch definitiv nicht so solide.
Interessanterweise sieht die Blogseite tatsächlich aus besser auf meinem iPhone als auf meinem Desktop, was darauf hindeutet, dass der Designer eine Mobile-First-Strategie verfolgt. Wie Sie im obigen Bild sehen können, ist das Layout auf einem Desktop jedoch recht umständlich, da auf der rechten Seite viel Platz vorhanden ist.
Interaktion
Kehren wir zur Startseite zurück und schauen wir uns an, was passiert, wenn Sie auf ein Bild klicken. Hier sehen Sie, dass Sie diesen schönen, großen jQuery-Schieberegler erhalten, der die Bilder fokussierter darstellt.
Ich mag das sehr und ich denke, die Site braucht es auf jeden Fall, aber ich habe ein paar Vorschläge, um es besser zu machen. Für den Anfang sind die Vorwärts- / Rückwärtssteuerungen etwas außerhalb, und das ist vielleicht ein schlechter Weg, weil ich sie dort mag, wo sie sind Durch Klicken auf das große Bild wurde die Diaschau erweitert. Diese Funktionalität ist intuitiv. Ich erwarte, dass ich ein neues Bild bekomme, wenn ich auf den Hauptbildbereich klicke, aber das ist nicht der Fall.
Außerdem denke ich, dass es schön sein könnte, ein bisschen zu werfen? Taste, die die Bilder automatisch durchläuft. Man kann sich einfach nicht damit abfinden, dass Menschen daran gewöhnt sind, Diashows auf Fotoseiten anzuzeigen. Dies ist eine großartige Möglichkeit, eine Gruppe von Bildern aufzunehmen und erfordert keinerlei Arbeit seitens des Benutzers. Ich denke, wenn Sie diese Funktionalität hier verwenden, während Sie im Bereich von JavaScript / jQuery bleiben, wird dies den Eindruck des Gesamterlebnisses steigern.
Fazit
Zusammenfassend mag ich das grundsätzliche, fotozentrische Design der Website. Ich finde es toll, dass die Website nicht Flash-basiert ist, da es so viele Fotoportfolios gibt, und ich schätze die zusätzliche Arbeit, die in die Gestaltung der Homepage investiert wurde.
Wie bereits erwähnt, würde ich das Layout der Blogseite definitiv überdenken und den Schieberegler auf der Startseite um einige Funktionen erweitern. Als abschließenden Vorschlag kann es sinnvoll sein, auf der Startseite ein Bild oder eine Diashow zu sehen. Das Gitter ist absolut ansprechend, kann jedoch als etwas langweilig und einheitlich empfunden werden. Wenn Sie das Design mit einem Bild, das größer als der Rest ist, ein wenig aufteilen, wird dies zu mehr Variation führen und die Redundanz im Layout reduzieren.
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.