Webdesign-Kritik Nr. 3: Firefly
Unsere Webdesign-Kritik war sowohl bei Kunden als auch bei Kommentatoren ein Hit. Machen Sie weiter so mit hochwertigen Ideen und Vorschlägen!
Die heutige Website ist Firefly, die Homepage einer Personalagentur für Sozialarbeit mit Sitz in Großbritannien.
Entdecken Sie Envato-Elemente
Wenn Sie Ihre Website für eine zukünftige Designkritik einreichen möchten, dauert es nur wenige Minuten. Für die Kritik an Ihrem Design berechnen wir 24 US-Dollar - deutlich weniger, als Sie für einen Berater bezahlen würden, der sich Ihre Website ansieht! Mehr erfahren Sie hier.
Firefly
Nach ihrer eigenen Definition ist „Firefly eine Personalberatung, die sich auf die Beschaffung, Vermittlung und Verwaltung von Sozialarbeitern in öffentlichen und privaten Funktionen in ganz London und den angrenzenden Bezirken spezialisiert hat. Unser Rekrutierungsansatz ist persönlich und beratend. “
Hier ist die Homepage ihrer Website:
Insgesamt ist das Design der Website sehr schön und ich habe viele gute Dinge zu sagen. Schauen wir uns einige davon genauer an.
Farbschema
Zunächst einmal gefällt mir die Farbpalette bei der Arbeit hier sehr gut. Es werden alle hellen Farben verwendet, die die Augen schonen und zusammen schön aussehen.
Die kühnste Farbe hier ist das Grün, und der Designer hat es in perfekten Mengen verwendet. Es ist ziemlich stark über den oberen Rand der Website verteilt, nur an wichtigen Stellen im gesamten Inhalt, und erscheint als Hauptfarbe der Fußzeile (in drei Variationen!).
Aufmerksamkeit fürs Detail
Es gibt viele kleine Designelemente auf der Seite, die nur nette Details sind. Es zeigt, dass sich der Designer die Zeit genommen hat, langsam zu fahren und die Benutzeroberfläche richtig zu gestalten, anstatt sich zu beeilen, nur um etwas zu veröffentlichen.
Wiederholung
Wiederholung ist einer der Schlüsselaspekte eines Designs und ein Prinzip, das vielen Webdesignern entweder missverstanden oder völlig unbekannt ist. Dieser Designer verwendete es meisterhaft nicht nur durch die Wiederholung des Grüns wie oben erwähnt, sondern auch durch die Verwendung des Kreiselements aus dem Logo.
Wenn Sie ein Element auf einer solchen Seite wiederholen, wirkt das Design zusammenhängender. Es gibt dem Auge auch etwas Vertrautes, das es beim Durchsuchen der Seite erkennen kann.
Layout
Der Designer entschied sich für die Implementierung eines dreispaltigen Layouts und hielt sich über die gesamte Länge der Site daran. Die Ausrichtungen sind stark und die Spalten sind sehr gut ausgeführt. Die visuelle Trennung der Spalte ganz rechts durch die Verwendung einer dunkleren Hintergrundfarbe ist eine hervorragende Note, da sie dazu beiträgt, den Hauptinhalt hervorzuheben und die Monotonie einer großen weißen Seite aufzubrechen.
Dinge zu verbessern
Insgesamt ist das Design eines der stärksten, das wir bisher für eine Kritik gesehen haben. Es gibt jedoch einige kleine Anpassungen, die vorgenommen werden könnten.
Bildauflösung
Da ich einen Hintergrund im Druck habe, neige ich dazu, ein Nazi mit Auflösung zu sein. Das Logo oben links repräsentiert nicht nur die Marke des Unternehmens, es ist auch eines der ersten Dinge, die ein Benutzer sieht, wenn er auf der Seite landet. Aus diesem Grund möchten Sie sicherstellen, dass es schön knusprig ist.
Ich habe das Logo ein wenig gesprengt, um Ihnen zu zeigen, was ich meine. Dies macht das Problem zwar noch schlimmer, aber es ist ein gutes Beispiel dafür, worauf beim Speichern von Bildern auf einer kleineren Ebene zu achten ist.
Achten Sie genau auf Bildartefakte und -verschlechterungen. Dieses Logo ist ziemlich klein und sollte die Website nicht blockieren, wenn es mit einer höheren Auflösung gespeichert wird.
Text schwer
Vielleicht ist das schlimmste visuelle Problem bei dieser Seite, dass sie nur so textlastig ist. Es ist einfach eine Menge Information, jemanden anzugreifen, wenn er zum ersten Mal auf Ihrer Website landet. So viel Lesen kann zeitaufwändig und einschüchternd sein und dazu führen, dass der Benutzer den Text insgesamt ignoriert.
Ich würde in Betracht ziehen, dies auf das Nötigste zu reduzieren und nicht wichtige Informationen auf einer unterstützenden Seite zu platzieren, anstatt sie hier hervorzuheben.
Benutzerfreundlichkeit
Es gibt ein kleines Usability-Problem mit einem Teil des Textes auf der Seite. Ich bin nicht sicher, was es verursacht, aber in Safari kann der Text in der Begrüßungsspalte nicht ausgewählt werden.
Ich weiß, dass es wählerisch klingt, aber der Sinn von Live-Text besteht darin, dass Sie eine saubere, gestochen scharfe und vollständig auswählbare (und daher kopierbare) Kopie auf der Seite haben.
Ich empfehle, einen Blick auf Ihren Code zu werfen, um festzustellen, was diesen Fehler verursacht.
Zwei Büroklammern
Wie ich oben sagte, ist Wiederholung eine gute Sache im Design. Wie ich auch betonte, wird es jedoch oft missverstanden oder missbraucht. Die Büroklammer ist ein schönes grafisches Element und wäre toll gewesen, sie an einer anderen Stelle auf der Seite zu wiederholen. Wenn Sie jedoch zwei davon so nahe beieinander platzieren, leidet dieser Abschnitt an einem Photoshop-Klonsyndrom.
Ich denke, nur eine Büroklammer hier zu verwenden, würde eine stärkere Aussage machen. Wenn Sie wirklich bei zwei bleiben möchten, stellen Sie sicher, dass sie nicht identisch sind. Drehen Sie eine oder drehen Sie sie um, um eine kleine Variation zu erzielen.
Du bist dran!
Nachdem Sie meine Kommentare gelesen haben, können Sie dem Designer weitere Ratschläge geben. Lassen Sie uns wissen, was Ihrer Meinung nach am Design großartig ist und was Ihrer Meinung nach stärker sein könnte. Wie immer bitten wir Sie, auch den Designer der Website zu respektieren und klare konstruktive Ratschläge ohne harte Beleidigungen zu geben.
Möchten Sie Ihre eigene Website kritisieren lassen? Mehr erfahren Sie hier.
