Willkommen zu unserer 25. Designkritik! Jede Woche schauen wir uns eine neue Website an und analysieren das Design. Wir werden sowohl die Bereiche hervorheben, die gut gemacht werden, als auch diejenigen, die einige Arbeit benötigen. Zum Schluss bitten wir Sie, sich einzumischen und Ihr eigenes Feedback zu geben. Stimmen Sie in der Umfrage am Ende dieser Seite ab und / oder hinterlassen Sie einen Kommentar mit Ihren Gedanken!
Die heutige Website ist Highwire.com, eine personalisierte Online-Shop-Plattform.
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 Highwire
Das Erstellen eines eigenen E-Commerce-Shops war noch nie so einfach und erschwinglich. Melden Sie sich noch heute für eine kostenlose Testversion an und beginnen Sie in wenigen Minuten mit dem Aufbau Ihres Shops !?
Hier ist ein Screenshot der Homepage:
Gesamteindruck
Wenn Sie heute vorbeischauen, um zu hören, wie ich schlechtes Design zerreiße, werden Sie enttäuscht sein. Ich denke, das ist vielleicht das beste Website-Design, das bisher für eine Designkritik eingereicht wurde.
Highwire ist einfach eine großartige Seite und ist so gut gemacht, dass wir gezwungen sein werden, sie eher als positives Lehrmittel als als negatives Instrument zu verwenden. Lesen Sie weiter, denn es gibt eine Tonne, die wir durch die Analyse dieses Entwurfs lernen können. Und mach dir keine Sorgen, es gibt ein paar Kleinigkeiten, die ich auf dem Weg verbessern möchte.
Farbpalette
Die kühnste Aussage auf dieser Website ist Farbe. Die Qualität der Bilder ist ausgezeichnet, aber es ist die Farbe, die Ihre Aufmerksamkeit auf sich zieht, sobald Sie die Seite laden. Die Grundfarben, die hier verwendet werden, brechen nicht gerade den Schimmel: Grün, Rot, Blau, Grau und etwas Orange, aber sie sind sehr ansprechend gemischt.
Beachten Sie jedoch, dass sie für jede Farbe einen sehr hellen Farbton gewählt haben, der direkt von der Seite springt. Eine Mischung aus radialen und linearen Farbverläufen lässt die Farben lebendiger und lebendiger wirken, während sie einen subtilen Eindruck von Textur vermitteln.
Layout & Ausrichtung
Das Layout dieser Website ist sehr solide und nutzt die richtige Verwendung von Leerraum und visueller Gewichtsverteilung. Beachten Sie im modifizierten Bild unten, wie starke vertikale Linien festgelegt wurden, um sicherzustellen, dass alles schön und dicht ist.
Beachten Sie auch, dass der Designer eine linke Ausrichtung gewählt hat und daran haftet. Der gesamte Text ist linksbündig und selbst die Schaltflächen unter den Miniaturansichten folgen diesem Trend. Ihre Designs wirken tendenziell viel zusammenhängender und konsistenter, wenn Sie vermeiden, die Ausrichtung bei beliebigen Inervalen während des gesamten Designs zu ändern.
Trotz unterschiedlicher Codeabschnitte verwenden die Kopf- und Fußzeile den gleichen Verlauf, sodass die Illusion eines kontinuierlichen Hintergrunds entsteht, über dem der Inhalt oben schwebt. Das fühlt sich an, als hätten sie nur das Body-Tag gestaltet, sie haben jedoch den Vorteil, dass sie einen starken Kopf- und Fußbereich beibehalten.
Schatten und Reflexionen
Reflexionen, Farbverläufe und weiche Schatten weichen in letzter Zeit unregelmäßigen Farben und oft harten, nicht gefiederten Schatten. Als wir den geschlagenen und missbrauchten Web 2.0-Blick hinter sich lassen und zu unserem nächsten Opfer übergehen, ist es immer noch schön zu sehen, wie jemand den Stil so zieht, wie er es sein sollte.
Sowohl die Schatten als auch die Reflexionen hier sind ziemlich subtil und wurden sorgfältig strukturiert, um realistisch und einfach nur schön auszusehen. Wenn Sie einem Element visuelles Flair verleihen möchten, lohnt es sich, die Zeit zum Tweaking und Experimentieren einzulegen, bis Sie etwas bekommen, das einer Seite wirklich Finesse und Glanz verleiht.
Der Burst: entwickelt
Eine Sache, die Sie lernen, wenn Sie für eine große Marketingfirma entwerfen, ist, dass Marketingexperten absolut Bursts lieben. Etwas Großes und Spitze, das gegen das Design verstößt und somit die Aufmerksamkeit des Kunden auf sich zieht. Wenn Marketingabteilungen und in der Tat viele Designer ihren Willen hätten, würde alles so aussehen:
Nur damit Sie wissen, aus Designperspektive ist dies ein Klischee, hässlich, übertrieben, veraltet und jedes andere negative Adjektiv, das Sie sich vorstellen können. Als Faustregel gilt, niemals irgendetwas mit einem Starburst zu belegen.
Dieser Designer verstand glücklicherweise diese Regel und entwickelte eine viel modernere und attraktivere Lösung (siehe unten). Dieses 3D-Farbband umläuft eine Leiste, die die neue Funktion beschreibt. Das Design verstößt deutlich genug, um Ihre Aufmerksamkeit zu erregen, aber nicht genug, um das Erscheinungsbild der gesamten Seite zu verbilligen.
Verbesserungsvorschlag
Wie ich schon mehrfach gesagt habe, ist dies ein so tolles Design, dass es schwer ist, irgendetwas falsch zu finden. Es gibt jedoch ein paar Dinge, die ich verbessern möchte.
Für den Anfang verwendet die Site Cufon für die benutzerdefinierte Typografie. Ich habe mich in unserer letzten Kritik darüber beschwert, und ich werde immer wieder dasselbe argumentieren, wo immer ich Cufon verwende. @ font-face ist eine bessere Lösung, Punkt. @ font-face-Text ist vollständig auswählbar, Cufon nicht. @ font-face verwendet reines CSS, für Cufon muss JavaScript aktiviert sein. Wie ich beim letzten Mal erwähnt habe, wenn die Cufon-Website stattdessen @ font-face vorschlägt, wissen Sie, dass es Zeit ist, das Handtuch zu werfen und an Bord zu springen.
Die andere Sache, die mich stört, ist die Facebook-Leiste oben. Wenn Sie eine Linie durch die Mitte des Texts in dieser Leiste ziehen, wie ich es unten gemacht habe, können Sie sehen, dass das Facebook-Logo unpassend außerhalb der Mitte liegt. Ich bin mir nicht sicher, ob dies beabsichtigt war oder ein Unfall war. Ich würde es in der Nähe des Zentrums anstoßen.
Andere Seiten
Wir schließen ab, indem wir Ihnen einen kurzen Überblick über einige der anderen Seiten der Website geben. Sie sehen, sie sind gleichermaßen attraktiv und alle sehr gut gestaltet. Ich mag besonders die Preistabellen!
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.