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 Distinction, die Heimat einer Webdesign-Agentur in Nottingham.
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 34 US-Dollar - deutlich weniger, als wenn Sie einen Berater für einen Blick auf Ihre Website bezahlen würden! Hier erfahren Sie mehr.
Über die Auszeichnung
Distinction ist eine Agentur für digitales Design, die mit KMU, Unternehmen und Wohltätigkeitsorganisationen aus allen Branchen zusammenarbeitet. Distinction wurde im Jahr 2001 gegründet und verfügt über umfassende Erfahrung bei der Durchführung preisgekrönter Kampagnen mit hohem Return on Investment (ROI). Obwohl unser Team klein ist, sind wir sehr erfahren. Die Auszeichnung gehört James und Greg Bloor, die, wie der Name vermuten lässt, Brüder sind
Hier ist ein Screenshot der Distinction Homepage:
Erster Eindruck
Wir haben in letzter Zeit mit Designkritikern eine Rolle gespielt, ich bekomme immer wieder Beiträge, die ich wirklich mag! Die Auszeichnung hat ein solides Design. Meine einzige Sorge ist hier, dass es vielleicht etwas zu sicher ist. Alles ist so sauber, perfekt und aufgeräumt, dass es sich eher wie eine Vorlage anfühlt als die Schaffung einer innovativen Designagentur.
Es kommt wirklich darauf an, wer ihre Zielgruppe ist und was sie als verlockend empfinden. Die Sprache auf der Website scheint auf einen sehr professionellen Firmenkunden abzuzielen. In dieser Arena ist der? Sichere? Die Route ist möglicherweise die beste, da sie die Art des Designs widerspiegelt, nach dem diese Kunden wahrscheinlich suchen.
Header Design
Trotz meiner Behauptung, dass sich die Seite ein wenig langweilig anfühlt, hilft das erste Bild im Schieberegler oben auf der Seite wirklich, das Seitendesign aufregender zu gestalten. Das Image des Superheldenkindes fühlt sich kühn und komisch an, eine großartige Note, die der Seite eine Menge Freundlichkeit verleiht.
Dieses spezielle Banner trägt auch dazu bei, dass Sie der Agentur sofort vertrauen. Wenn ich sehe, dass Sie in einer Liste von Top-Agenturen ordentlich eingestuft wurden, fühle ich mich auf jeden Fall sicherer, wenn ich mit Ihnen eine Investition mache.
Oberhalb der Diashow befinden sich das Firmenlogo und die Navigation genau dort, wo Sie es erwarten würden. Ich mag es, dass es in diesem Bereich nicht viele Ablenkungen gibt, nur das Nötigste. Dies macht Sie auf die Diaschau und andere wichtige Informationen aufmerksam.
Rasterausrichtung
Wie Sie sehen, entspricht der größte Teil der Inhalte auf der Seite einer strengen Rasterausrichtung. Das klingt ziemlich vertraut: Die Gesamtbreite des weißen Abschnitts beträgt 960 Pixel und die Breite des Inhalts 940 Pixel, wobei jede der vier hervorstehenden Säulen bei einer Breite von 20 Pixeln rund 220 Pixel breit ist.
Es gibt einen Grund, warum dieses Layout so üblich ist, dass es wirklich gut funktioniert. Der Inhalt ist schön und einheitlich, aber auch abwechslungsreich, um Monotonie zu vermeiden. Beachten Sie, wie der Abschnitt mit der Buchgrafik und dem dunklen Hintergrund Ihre Aufmerksamkeit stiehlt und den nötigen Kontrast bietet.
Der Informationsfluss funktioniert hier gut und spiegelt die Bereiche der Navigation wider: Hier sind die Dienste, die wir anbieten, hier einige unserer neuesten Arbeiten und schließlich die neuesten Nachrichten über das Unternehmen. Ich mag es wirklich, wenn ich auf der Homepage in kurzen Abschnitten einen Überblick über die gesamte Site erhalten kann. Genau diese Strategie wird hier verwendet.
Fußzeile
Wie alles andere ist die Fußzeile schön und sauber und enthält nur wenige Spalten mit Links und nichts mehr. Wenn ich es mir anschaue, kann ich nicht anders als das Gefühl haben, dass es unausgeglichen ist. Das visuelle Gewicht wird unbeholfen mit den beiden großen Listen abgelehnt, was zu einer Art Gefühl für den Inhalt auf der rechten Seite führt.
Um dies auszugleichen, empfehle ich das folgende Layout. Ich habe das Firmenlogo eingeworfen, das auf der Seite eine starke Note verleiht und der rechten Seite der Fußzeile etwas mehr Gewicht hinzufügt.
Andere Seiten
Die anderen Hauptseiten auf dem sind ähnlich ausgerichtet, diesmal mit einem dicken schwarzen Balken auf der Seite, der eine Überschrift oder Frage enthält. Dies ist ein sehr starkes Element mit einem so starken Kontrast zum weißen Hintergrund, dass Sie nicht anders können, als zu schauen.
Eine Sache, die mir aufgefallen ist, als ich mich auf der Website umsah, ist, dass sie sich mit den Stock-Fotos ziemlich gesättigt anfühlt. Stock-Bilder sind in Ordnung, wenn sie Ihre Botschaft vermitteln, aber Sie müssen vorsichtig sein, um sie als Design-Krücke zu verwenden, wenn etwas anderes viel besser funktioniert.
Als Beispiel betrachten wir die? Case Studies? Seite unten. Hier ist jedes Bild mit einem Projekt verbunden, an dem Distinction gearbeitet hat. Die Miniaturansichten sind der perfekte Ort, um eine Vorschau der Arbeit anzuzeigen. Stattdessen verfügen einige von ihnen über ein Foto, das nicht wirklich über das, was sich darin befindet, kommunizieren kann.
Fazit
Zusammenfassend denke ich, dass Distinction eine wirklich großartige Seite hat. Das Design ist sauber und professionell, der Inhalt ist hervorragend organisiert und jede Seite lenkt die Aufmerksamkeit auf die wichtigen Bereiche.
Ich hatte das Gefühl, dass alles für ein Designbüro vor Ort etwas zu kurz sei und ermutige die Designer, in Zukunft größere, mutigere Aussagen zu machen, indem sie einzigartige Ideen einfließen lassen.
Außerdem ist die Fotografie ein solides Werkzeug für jeden Designer, aber Sie müssen sich nur der Klischees bewusst sein? Bilder, insbesondere wenn andere Ressourcen wie Screenshots verfügbar sind.
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.