Jede Woche schauen wir uns eine neue Website an und analysieren das Design. Wir werden auf beide Bereiche hinweisen, die gut erledigt werden, zusätzlich zu den Bereichen, in denen etwas Arbeit anfallen könnte. Zum Schluss bitten wir Sie, Ihr eigenes Feedback zu geben.
Die heutige Seite ist Oomph. Lass uns rein springen und sehen, was wir denken!
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 49 US-Dollar - deutlich weniger, als wenn Sie einen Berater für einen Blick auf Ihre Website bezahlen würden! Hier erfahren Sie mehr.
Über Oomph!
Oomph ist der Platz für Plastikkarten mit Selbstsicherheit. Durch die Zusammenarbeit mit einigen der weltweit bekanntesten Marken haben unsere kleinen Kunststoffsteine mehr als 20 Millionen Menschen erreicht - in fünf Jahren kein schlechtes Geschäft. Was auch immer Sie suchen, wir können Ihnen helfen. Und wenn Sie das perfekte Kartendesign in unserer Galerie nicht finden können, nehmen Sie Kontakt mit uns auf. Die Möglichkeiten in Kunststoff sind endlos und wir probieren gerne Neues aus.?
Hier ist ein Screenshot der Homepage:
Ästhetisch
Ich kann sofort sehen, dass ich die Ästhetik dieser Seite liebe. Es ist wild, verrückt und macht Spaß, während es die Idee hinter den Karten perfekt vermittelt.
Wie Sie sehen, gibt es all diese verrückten, glänzenden, farbenfrohen Grafiken, die die Vorstellung, dass Plastikkarten etwas Cooles und Aufregendes sind, wirklich fördern. Dies hätte genauso gut eine sehr saubere, Apple-aussehende Website mit einem Schwerpunkt auf dramatischen Kartenfotos sein können, aber dies macht das Produkt etwas persönlicher und zugänglicher.
Art
Eine andere Sache, die ich an dieser Site wirklich mag, ist die Typografie. Die Hauptschriftart der Schriftart lautet "BrothersBold". unten gezeigt mit WhatFont.
Hier gibt es viel zu mögen. Die Schrift ist perfekt lesbar und vermittelt ein mutiges, maskulines Gefühl. Darüber hinaus vermitteln die abgeschnittenen Kurven eine Art "Ausschneiden". fühle mich perfekt für ein Unternehmen, das im Wesentlichen Kunststoff stanzt.
Abgesehen davon ist Helvetica fast alles auf der Seite. Das ist gut so, denn für solch eine einzigartige, interessante Headline-Schriftart ist eine ergänzende Schriftart erforderlich, die so einfach und unkompliziert ist, dass Sie sie lesen, ohne darüber nachzudenken. Helvetica passt diese Beschreibung als die allgegenwärtigste und vielleicht unsichtbarste Schrift der Welt an.
Das Gitter
Die Oomph-Homepage ist sehr klar in einem strengen Raster angeordnet. Das Raster ist 1.020 Pixel breit und ist vom oberen zum unteren Rand der Seite ziemlich konsistent.
Wie Sie sehen, ist das Hauptkonstrukt hier das dreispaltige Layout, das die Mitte der Seite einnimmt. Denken Sie daran, dass drei eine magische Zahl sind. Daher fühlt sich das Layout perfekt ausgewogen an und bietet genau die richtige Menge an Inhalt.
Hier ist wirklich zu beachten, wie ausgewogen der Whitespace im gesamten Design ist. Offensichtlich wird ein Gittersystem einen schönen Abstand in horizontaler Richtung ergeben, aber Sie müssen den Rhythmus vertikal darauf abstimmen.
Nicht reagierend
Obwohl die Website auf einem mobilen Gerät geladen und gefunden wird, ist sie in keiner Weise für die mobile Anzeige optimiert. Auf meinem iPhone muss ich jede Menge Kneifen und Schwenken ausführen, um herauszufinden, was los ist.
Da sich die Website an ein so schönes, strenges Raster hält, ist sie definitiv ein idealer Kandidat für responsives Design. Vor einem Jahr habe ich lediglich responsive Designs Bonuspunkte für zusätzliche Anstrengungen zugewiesen, aber jetzt ist es bald etwas, was ich zumindest auf einer gewissen Ebene erwarten würde.
Responsive Design ist eine knifflige Angelegenheit, aber die echten Kopfschmerzen entstehen durch inhaltsreiche Veröffentlichungsseiten. Für eine statische Site wie diese ist das responsive oder zumindest für das Handy optimierte Design weniger wichtig als eine Grunderwartung.
Kommunikationshierarchie
Ebenso kritisch wie das visuelle Design der Seite ist die Struktur der Kommunikation und deren Darstellung. Tatsächlich ist dies wirklich der Kern dessen, was Design ist und warum wir es haben. Gutes Design strukturiert Informationen auf eine logische und attraktive Weise.
Die Oomph-Site hat eine sehr gut strukturierte Kommunikation. Beim Laden der Seite ist dies die erste Überschrift, die ich sehe:
Beachten Sie, dass es hier einen schönen kleinen Trick gibt. Die Überschrift lautet? Plastic Fantastic. Karten von Oomph? aber auf einen Blick ist die Wortgruppe, die ich sehe, "Plastikkarten". Genau darum geht es bei Oomph, also ist dies ein Heimspiel für Kommunikationsdesign.
Fragen gestellt
Wenn Sie sich erst einmal umgesehen haben und auf die Idee gekommen sind, dass es sich um eine Plastikkartenfirma handelt, werden Sie zunächst einige Fragen beantworten:
- Welche Arten von Karten machen sie?
- Wie viel kosten die?
- Wer ist Oomph? Was ist die Geschichte dort?
Alle diese Fragen werden an der ersten Stelle, auf die Sie schauen, leicht beantwortet: der Hauptnavigation.
Das ist kritisch wichtig für ihr design. Versuchen Sie immer, die Fragen, die Ihre Benutzer haben werden, vorherzusagen und dann zu entscheiden, an welcher Stelle sie zuerst gesucht werden sollen.
Einkaufserfahrung
Das Einkaufserlebnis hier ist auch sehr glatt. Die Site fühlt sich überhaupt nicht wie ein typischer, überladener Online-Shop an. Es fühlt sich an, als würde ich nur das Produktangebot durchsuchen und bevor ich es weiß, bin ich mit dem zweiten Schritt des Einkaufsprozesses befasst. Der Weg zum Kauf ist so natürlich und alles ist so gut dargestellt: keine Geheimnisse, keine versteckten Preise oder Kosten usw.
Allgemeine Meinungen
Im Großen und Ganzen finde ich, dass Oomph eine wirklich solide Seite hat. Die visuelle Ästhetik ist wunderschön, das Layout ist perfekt und die Kommunikationshierarchie ist erstklassig. Die einzige Beschwerde, die ich habe, ist die fehlende mobile Optimierung. Abgesehen davon ist es definitiv eine dieser Seiten, die ich den gesamten Artikel ergänzend und nicht kritisch verbringe!
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.