Webdesign-Kritik Nr. 25: Highwire
Willkommen zu unserer 25. Designkritik! 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, sich zu melden 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 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 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 Geschäfts! “
Hier ist ein Screenshot der Homepage:
Gesamteindruck
Wenn Sie heute vorbeischauen, um zu hören, wie ich schlechtes Design verprügele, werden Sie enttäuscht sein. Ich denke, dies ist möglicherweise das beste Website-Design, das bisher für eine Designkritik eingereicht wurde.
Highwire ist einfach eine großartige Seite und so gut gemacht, dass wir gezwungen sein werden, sie eher als positives als als negatives Lehrmittel zu verwenden. Lesen Sie weiter, denn wir können eine Menge lernen, indem wir dieses Design analysieren. Und keine Sorge, es gibt ein paar kleine Dinge, die ich auf dem Weg zur Verbesserung vorschlagen werde.
Farbpalette
Die kühnste Aussage auf dieser Seite 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 hier verwendeten Grundfarben brechen nicht gerade die Form: Grün, Rot, Blau, Grau und ein wenig Orange, aber sie werden auf sehr attraktive Weise gemischt.
Beachten Sie jedoch, dass sie für jede Farbe einen superhellen Farbton ausgewählt haben, der wirklich direkt von der Seite springt. Eine Mischung aus radialen und linearen Verläufen lässt die Farben viel lebendiger und lebendiger erscheinen und bringt gleichzeitig einen subtilen Hinweis auf die Textur.
Layout & Ausrichtung
Das Layout dieser Website ist absolut solide und nutzt die richtige Verwendung von Leerzeichen und die visuelle Gewichtsverteilung. Beachten Sie im modifizierten Bild unten, wie stark vertikale Linien gesetzt wurden, um sicherzustellen, dass alles schön und eng ist.
Beachten Sie auch, dass der Designer eine linke Ausrichtung gewählt und daran festgehalten hat. Der gesamte Text ist linksbündig und sogar die Schaltflächen unter den Miniaturansichten folgen diesem Trend. Ihre Entwürfe sehen in der Regel viel zusammenhängender und konsistenter aus, wenn Sie vermeiden, die Ausrichtung während des gesamten Entwurfs in zufälligen Intervallen zu wechseln.
Obwohl es sich um unterschiedliche Abschnitte des Codes handelt, verwenden die Kopf- und Fußzeile denselben Verlauf, sodass Sie die Illusion eines kontinuierlichen Hintergrunds erhalten, über dem der Inhalt schwebt. Dies fühlt sich so an, als hätten sie lediglich das Body-Tag gestylt, hat aber den semantischen Vorteil, dass tatsächlich eine starke Kopf- und Fußzeile beibehalten wird.
Schatten und Reflexionen
Reflexionen, Farbverläufe und weiche Schatten sind in letzter Zeit einfarbigen und oft harten, nicht gefiederten Schatten gewichen. Als wir beginnen, den geschlagenen und missbrauchten Web 2.0-Blick hinter uns zu lassen und uns unserem nächsten Opfer zuzuwenden, ist es immer noch schön zu sehen, wie jemand den Stil so zieht, wie er sein sollte.
Sowohl die Schatten als auch die Reflexionen hier sind sehr subtil und wurden sorgfältig strukturiert, um realistisch und einfach nur schön auszusehen. Wenn Sie einem Element visuelles Flair verleihen möchten, sollten Sie sich die Zeit nehmen, um zu optimieren und zu experimentieren, bis Sie etwas erhalten, das einer Seite wirklich Finesse und Glanz verleiht, im Gegensatz zu einem schlampigen Make-up-Anstrich.
Der Ausbruch: Entwickelt
Eine Sache, die Sie lernen, wenn Sie für eine große Marketingfirma entwerfen, ist, dass Vermarkter Bursts absolut lieben. Etwas Großes und Spitzes, das gegen das Design verstößt und daher die Aufmerksamkeit des Kunden auf sich zieht. Wenn Marketingabteilungen und tatsächlich viele Designer ihren Willen hätten, würde alles so aussehen:
Nur damit Sie wissen, dass dies aus gestalterischer Sicht klischeehaft, hässlich, übertrieben, veraltet und jedes andere negative Adjektiv ist, das Sie sich vorstellen können. Als Faustregel gilt, dass Sie niemals einen Starburst auf irgendetwas setzen sollten.
Dieser Designer hat diese Regel glücklicherweise verstanden und eine viel modernere und attraktivere Lösung gefunden (siehe unten). Dieses 3D-Menüband umschließt einen Balken, der die neue Funktion beschreibt. Es verstößt erheblich genug gegen das Design, um Ihre Aufmerksamkeit auf sich zu ziehen, aber nicht genug, um das Erscheinungsbild der gesamten Seite zu verbilligen.
Vorgeschlagene Verbesserung
Wie ich bereits mehrfach gesagt habe, ist dies ein so tolles Design, dass es schwierig ist, irgendetwas daran falsch zu finden. Es gibt jedoch einige 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 werde weiterhin das gleiche Argument vorbringen, wo immer ich sehe, dass Cufon verwendet wird. @ 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 letztes Mal betonte, wenn die Cufon-Website die Verwendung von @ font-face vorschlägt, wissen Sie, dass es Zeit ist, das Handtuch zu werfen und an Bord zu springen.
Das andere, was mich nervt, ist die Facebook-Leiste oben. Wenn Sie in dieser Leiste eine Linie durch die Mitte des Textes ziehen, wie ich es unten getan habe, können Sie sehen, dass das Facebook-Logo unangenehm außermittig ist. Ich bin mir nicht sicher, ob dies beabsichtigt oder ein Unfall war, ich würde es in der Nähe des Zentrums stoßen.
Andere Seiten
Zum Abschluss geben wir Ihnen einen kurzen Überblick über einige der anderen Seiten der Website. Wie Sie sehen können, sind sie gleichermaßen attraktiv und alle sehr gut gestaltet. Besonders gut gefallen mir die Preistabellen!
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.
