Jede Woche schauen wir uns eine neue Website an und analysieren das Design. Wir werden sowohl auf die Bereiche hinweisen, die gut erledigt werden, als auch auf die Bereiche, in denen etwas Arbeit benötigt wird. Zum Schluss bitten wir Sie, Ihr eigenes Feedback zu geben.
Die heutige Website ist Two Chaps Branding einer in Baltimore ansässigen Webdesign- und Marketingfirma.
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 zwei Chaps
? Hier bei TwoChaps glauben wir, dass eine Marke mehr ist als ein hübsches Logo und ein Leitbild, das mit den neuesten Schlagworten der Branche geladen ist. Wir glauben, dass eine Marke die Geschichte eines Unternehmens ist, eine Geschichte, die die vergangenen, gegenwärtigen und zukünftigen Beziehungen zu Kunden und Kunden definiert. Wir glauben, dass eine Marke mehr ist, als Sie wahrnehmen 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 wird gut über Farben, Text und Texturen hinweg ausgeführt und das Layout ist einfach und dennoch leistungsstark. Die Ausrichtung ist sehr eng, der Großteil des Inhalts besteht aus einer klar definierten Spalte.
Lassen Sie uns einige Aspekte des Entwurfs aufschlüsseln und sie eingehender betrachten.
Das Logo
Ich mag die Arbeit, die sie mit dem Logo gemacht haben. Der Bowler und der Schnurrbart sind eine perfekte visuelle Botschaft an die? Two Chaps? Name. Ebenso ist die starke Serifenschrift für den Zeitraum, für den die Designer suchen, genau richtig.
Obwohl mir das Logo so gut gefällt, wie es ist, kann ich nicht anders, als mich zu fragen, ob es ohne den Schnurrbart stärker wäre. Im Moment gibt es zwei konkurrierende grafische Elemente im Logo, deren Reduzierung auf ein einzelnes Element das Stück möglicherweise verbessern könnte. Ich weiß, dass der Schnurrbart, die Buchstaben und der Hut zusammen ein Gesicht suggerieren, aber es liest sich immer noch wie Buchstaben mit einem Schnurrbart und einem Hut.
Als Hauptgrafik kann der Bowler dann unabhängig vom Rest des Logos als eigenständiges Element verwendet werden.
Die Schlagzeile
Die Überschrift ist meine Lieblingssache auf der Website. Obwohl es auf der rechten Seite angezeigt wird, ist es eine der ersten, die Sie beim Laden der Seite aufgrund ihrer Größe und Kühnheit betrachten.
Die Buchstabengrößen wurden perfekt strukturiert, um eine zusammenhängende Einheit zu schaffen, die Ihre Aufmerksamkeit auf sich zieht und für eine schnelle Lektüre sorgt. Beachten Sie, wie die weniger wichtigen Wörter (das, von) 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 an dem Kerning des Textes zu arbeiten. Einige Buchstaben wie der? T? und? r? in Wahrheit,? sind seltsam weit voneinander entfernt, während andere etwas zusammengedrückt werden.
Sie können diesen Schritt beim Entwerfen leicht vergessen, aber wenn Typografie ein Hauptmerkmal des Designs sein soll, möchten Sie immer sicher sein, dass der Abstand der Buchstaben so gut wie möglich ist.
Bild-Miniaturbilder
Die Bilder auf der Homepage wurden ausgezeichnet behandelt. Das Spiegeln verleiht den Bildern wirklich viel Tiefe, da drei separate Ebenen erstellt werden.
Standardmäßig handelt es sich bei den Bildern um Graustufen, aber wenn Sie den Mauszeiger darüber halten, werden sie ein oder zwei Pixel heruntergelassen (beabsichtigt?) Und werden vollfarbig. Dies ist ein schöner Effekt, der Spaß macht, wenn Sie die Site zum ersten Mal auschecken.
Die Seitenleiste
Wie Sie sehen, ist die Seitenleiste ein vertikales Band, das das Logo, die Navigation, ein paar soziale Schaltflächen und einige legale Informationen enthält. Wenn Sie die Live-Site auschecken, werden Sie feststellen, dass die Fußzeile während des Scrollen der Site bequem stationär bleibt. Dies ermöglicht einen einfachen Zugriff zum Wechseln der Seiten, unabhängig davon, wo Sie sich auf der Website befinden.
Ich liebe die Kühnheit des Roten und wie sehr es sich vom Rest des Designs abhebt. Ich mag auch die Behandlung und die Farben für die Facebook- und Behance-Buttons. Es ist ein bisschen seltsam, dass die Buchstaben in? Facebook? haben so einen harten Schatten, während die in? Behance? nicht
Die Navigationsbereiche der Seitenleiste werden mit einer glatten Animation erweitert und zusammengezogen, wenn Sie auf die Kopfzeilen klicken. Der Schlüssel hier ist, dass alle Elemente auch bei deaktiviertem JavaScript noch einwandfrei zugänglich sind. Die Menüs werden einfach alle in der offenen Position angezeigt, und Sie würden nicht einmal wissen, dass Sie etwas vermisst haben.
Es ist immer gut, einen Schritt weiter zu gehen und sicherzustellen, dass Ihre Website für die Browser geeignet ist, die Ihre kleinen visuellen Leckerbissen unterstützen sowie diejenigen, die dies nicht tun.
Fußzeile
Die Fußzeile enthält den Handlungsaufruf für die Einstellung der Firma und ist eine weitere hübsch gestaltete Variante des alten Themas.
Die Linien oben und unten sind eine nette Geste sowie das kleine Klicken hier. Schild mit einer Seitenrolle. Dieser Abschnitt scheint ein bisschen wie einige SEO-Experten? bekam es als das Wort? Marke? erscheint sehr oft für so ein kleines Stück Text.
Lesbarkeit
Wie gesagt, das Design der Website gefällt mir insgesamt sehr gut. Es ist einzigartig, mutig, attraktiv und ziemlich funktional. Ich denke jedoch, dass die Benutzerfreundlichkeit der Website durch den Text beeinträchtigt wird. Schauen Sie sich das Bild unten von? Our Story? Seite.
Wie Sie sehen, sind weder die große farbige Überschrift als auch der weiße Text auf dem strukturierten Hintergrund gut lesbar. Dies wird durch die Tatsache verschlimmert, dass der Hintergrund beim Scrollen des Texts an Ort und Stelle bleibt, wodurch beim Durchsuchen der Website ein sehr komplexer und lebhafter visueller Effekt entsteht.
Am Ende ist der schöne strukturierte Hintergrund möglicherweise mehr als gut. Es ist eine gute Idee, zu versuchen, die Deckkraft abzulegen oder ganz zu streichen, um etwas Einfacheres zu verwenden.Das mag unangenehm sein, aber wenn es die Lesbarkeit des Textes auf der gesamten Site erhöht, ist es den Aufwand wert.
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.
Möchten Sie Ihre eigene Website kritisieren? Hier erfahren Sie mehr.