Webdesign-Kritik Nr. 18: Zwei Kapseln
Jede Woche schauen wir uns eine neue Website an und analysieren das Design. Wir werden sowohl auf die Bereiche hinweisen, die gut gemacht werden, als auch auf diejenigen, die etwas Arbeit gebrauchen könnten. Abschließend bitten wir Sie, Ihr eigenes Feedback zu geben.
Die heutige Website ist Two Chaps Branding, eine in Baltimore ansässige Webdesign- und Marketingfirma.
Entdecken Sie Designressourcen
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.
Über zwei Chaps
„Wir bei TwoChaps glauben, dass eine Marke mehr als ein hübsches Logo und ein Leitbild ist, das mit den neuesten Schlagworten der Branche geladen ist. Wir glauben, dass eine Marke die Geschichte eines Unternehmens ist, eine Geschichte, die seine vergangenen, gegenwärtigen und zukünftigen Beziehungen zu seinen Kunden und Kunden definiert. Wir glauben, dass eine Marke mehr ist, als Sie wahrgenommen werden möchten, sondern wie Sie tatsächlich wahrgenommen werden. Ob ignoriert oder gepflegt - Ihre Marke definiert Sie. “
Hier ist die Two Chaps Homepage:
Das Gesamtdesign ist sehr attraktiv. Das gealterte Thema ist in allen Farben, Schriftarten und Texturen gut ausgeführt und das Layout ist einfach und dennoch leistungsstark. Die Ausrichtung ist sehr eng, wobei der Großteil des Inhalts eine klar definierte Spalte umfasst.
Lassen Sie uns einige Aspekte des Designs aufschlüsseln und sie genauer betrachten.
Das Logo
Ich mag die Arbeit, die sie im Logo geleistet haben, sehr. Der Bowler und der Schnurrbart sind eine perfekte visuelle Botschaft für den Namen „Two Chaps“. Ebenso ist die starke Serifenschrift genau das Richtige für den Zeitraum, für den die Designer fotografieren.
Obwohl mir das Logo gut gefällt, frage ich mich, ob es ohne Schnurrbart stärker wäre. Im Moment gibt es zwei konkurrierende grafische Elemente im Logo, und wenn Sie es auf ein einzelnes reduzieren, wird das Stück möglicherweise verbessert. Mir ist klar, dass Schnurrbart, Buchstaben und Hut zusammen ein Gesicht suggerieren, aber es liest sich immer noch eher wie Buchstaben mit Schnurrbart und Hut.
Als Hauptgrafik könnte der Bowler dann unabhängig vom Rest des Logos an anderer Stelle als eigenständiges Element verwendet werden.
Die Schlagzeile
Die Überschrift ist meine Lieblingssache auf der Website. Obwohl es rechts angezeigt wird, ist es aufgrund seiner Größe und Kühnheit eines der ersten, die Sie beim Laden der Seite betrachten.
Die Buchstabengrößen wurden perfekt strukturiert, um eine zusammenhängende Einheit zu schaffen, die Ihre Aufmerksamkeit auf sich zieht und ein schnelles Lesen ermöglicht. Beachten Sie, wie die weniger wichtigen Wörter (the, of) verkleinert wurden, um Platz für die wichtigeren Wörter (wahre Kunst) zu schaffen.
Da dies ein grafischer und kein Live-Typ ist, würde ich definitiv empfehlen, sich die Zeit zu nehmen, um hier am Kerning des Textes zu arbeiten. Einige Buchstaben, wie das "T" und "r" in "True", sind seltsamerweise weit voneinander entfernt, während andere ein wenig zusammengedrückt sind.
Es ist leicht, diesen Schritt beim Entwerfen zu vergessen, aber wenn Typografie ein Hauptmerkmal des Entwurfs sein soll, möchten Sie immer sicherstellen, dass Ihr Buchstabenabstand so perfekt wie möglich ist.
Bild Miniaturansichten
Die Bilder auf der Homepage wurden hervorragend umrandet. Die Schattenbildung verleiht den Bildern wirklich viel Tiefe, da drei separate Ebenen erstellt werden.
Standardmäßig sind die Bilder Graustufen, aber wenn Sie mit der Maus darüber fahren, fallen sie ein oder zwei Pixel nach unten (absichtlich?) Und werden farbig. Dies ist ein schöner Effekt, mit dem es Spaß macht, zu spielen, wenn Sie die Website zum ersten Mal besuchen.
Die Seitenleiste
Wie Sie sehen können, ist die Seitenleiste ein vertikales Menüband, das das Logo, die Navigation, einige soziale Schaltflächen und einige rechtliche Informationen enthält. Wenn Sie sich die Live-Site ansehen, werden Sie feststellen, dass die Fußzeile beim Scrollen der Site bequem stationär bleibt. Dies bietet einen einfachen Zugriff zum Ändern von Seiten, unabhängig davon, wo Sie sich auf der Site befinden.
Ich liebe die Kühnheit des Rotes und wie sehr es sich vom Rest des Designs abhebt. Ich mag auch die Behandlung und die Farben, die für die Facebook- und Behance-Schaltflächen verwendet werden. Es ist allerdings etwas seltsam, dass die Buchstaben in „Facebook“ einen so harten Schatten haben, während die in „Behance“ dies nicht tun.
Die Navigationsbereiche der Seitenleiste werden mit einer reibungslosen Animation erweitert und verkleinert, wenn Sie auf die Überschriften klicken. Der Schlüssel hier ist, dass alle Elemente bei deaktiviertem JavaScript immer noch perfekt zugänglich sind, die Menüs einfach alle in der geöffneten Position angezeigt werden und Sie nicht einmal wissen würden, dass Ihnen etwas fehlt.
Es ist immer gut, die Extrameile zu gehen und sicherzustellen, dass Ihre Website für die Browser funktioniert, die Ihre kleinen visuellen Leckerbissen unterstützen, sowie für diejenigen, die dies nicht tun.
Fusszeile
Die Fußzeile enthält den Aufruf zum Handeln für die Einstellung der Firma und ist eine weitere gut gestaltete Variante des alten Themas.
Die Linien oben und unten sind eine nette Geste, ebenso wie das kleine "Click Here" -Schild mit einer Seitenrolle. Dieser Abschnitt scheint ein wenig so zu sein, als hätten einige SEO- „Experten“ davon erfahren, da das Wort „Marke“ für so ein kleines Stück Text sehr oft vorkommt.
Lesbarkeit
Wie oben erwähnt, gefällt mir das Design der Website insgesamt sehr gut. Es ist einzigartig, mutig, attraktiv und sehr funktional. Ich denke jedoch, dass die Benutzerfreundlichkeit der Website unter dem Text leidet. Schauen Sie sich das Bild unten auf der Seite „Unsere Geschichte“ an.
Wie Sie sehen können, sind weder die große farbige Überschrift als auch der weiße Text auf dem strukturierten Hintergrund gut lesbar. Dies wird durch die Tatsache verschlechtert, dass der Hintergrund beim Scrollen des Texts an Ort und Stelle bleibt und beim Durchsuchen der Website ein sehr komplexer und geschäftiger visueller Effekt entsteht.
Am Ende kann der schöne strukturierte Hintergrund mehr als gut tun. Es ist eine gute Idee, damit zu experimentieren, die Deckkraft zu verringern oder sie ganz zugunsten von etwas Einfacherem zu verschrotten. Das mag unangenehm zu hören sein, aber wenn es die Lesbarkeit des Textes auf der gesamten Website erhöht, lohnt sich die Mühe.
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.
