Web Design Critique # 15 Wir können Ihr Auto warten

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 Seite ist Wir können Ihr Auto warten.

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.

Wir können Ihr Auto warten lassen.

Unsere Kunden stehen im Mittelpunkt unseres Handelns. Wir sind hier, um all den Rauch und die Spiegel zu entfernen, die dem Automobilhandel einen schlechten Ruf verleihen. Der Autowerkstatt hat sich geändert und unser Geschäft ist vollständig auf den neuen Ansatz der Autowerkstatt ausgerichtet. Wir möchten, dass unsere Kunden Geld sparen, den bestmöglichen Service bieten und ihnen Vertrauen in das geben, was wir sagen.?

Hier ist die Homepage der Site:

Dies ist eine interessante Seite und sollte uns viele Punkte geben. Lass uns gleich rein springen und die Seite Stück für Stück analysieren.

Hintergrund

Der Hintergrund der Website ist diese Blaupause-Zahnillustration. Der Inhalt wird meistens von den Inhalten verdeckt, aber es reicht durch, dass Sie erkennen können, was los ist.

Autos sind nicht das Erste, was mir in den Sinn kommt, wenn ich an Blaupausen denke, aber der Hinweis auf Maschinen macht es möglich. Ich liebe die Grafik als Einzelstück, aber ich denke, sie könnte auf der Website etwas abgeschwächt werden, um visuelle Verwirrung zu vermeiden. Ich empfehle, die Deckkraft etwas zu reduzieren, sodass sie kaum sichtbar ist. Sie können es auch in Betracht ziehen, es etwas zu verkleinern.

Header

Wenn wir uns die Kopfzeile anschauen, können wir sofort das Thema sehen, das auf der gesamten Site erscheinen wird. Abgerundete Ecken mit Schlagschatten, wechselnde Blautöne mit etwas Weiß und kräftiger Typografie.

Mein erster Eindruck war, dass die Navigation riesig schien. In Kombination mit dem Auto-Logo fühlt sich dies plötzlich wie eine Kindersite an. Möglicherweise umfasst Ihr Zielmarkt jedoch ältere Personen, die nicht mehr selbst an einem Auto arbeiten können, oder andere nicht-technische Typen. In diesem Fall werden die großen Schaltflächen wahrscheinlich von Ihren Benutzern geschätzt. Manchmal übertrifft Usability die Ästhetik. Überlegen Sie sich nur, für wen Sie in erster Linie entwerfen und versuchen Sie, ihre Bedürfnisse anzusprechen.

Zurück zum Auto-Logo. Ich mag das Konzept, es hat viel Persönlichkeit. Die Ausführung ist jedoch nicht die beste. Ich bin nicht sicher, wie ich das Problem beheben kann, ohne es komplett neu zu gestalten, aber die Person, die das Logo erstellt hat, kann ein paar alternative Skizzen vorlegen. Wenn Sie sich für das aktuelle Logo entscheiden, müssen Sie nur die Kanten reinigen. Sie sind derzeit etwas zackig und pixelig, besonders im Bereich der Windschutzscheibe.

Herzlich willkommen

Der nächste Bereich auf der Seite übermittelt effektiv viele Informationen auf kleinem Raum. Die Aufzählungspunkte sind hier sowohl effektiv als auch effizient, und die fortlaufend durchlaufenden Hersteller von Automobilherstellern am unteren Rand verstärken das „Auto“. Aspekt.

Der Designer hat sich entschieden, etwas Rotes hier hervorzuheben. Es verstößt gegen das Farbschema und fällt sofort ins Auge. Ich mag das Pull-Zitat und wie es mit der Bullet-Kopie oben und unten perfekt ausgerichtet ist.

Das Problem in diesem Bereich und in der Tat in der Tat ist die visuelle Hierarchie. Wie gesagt, das Rote hilft dabei, die richtigen Punkte zu betonen, aber alles andere wetteifert immer noch um Aufmerksamkeit und nicht um eine klare Abgrenzung der Wichtigkeit.

Zum Beispiel ist der gesamte Text auf der Site fett gedruckt? alles davon. Fettgedruckter Text eignet sich hervorragend, um Akzente dort zu setzen, wo er benötigt wird. Wenn Sie jedoch zu weit gehen, entsteht ein Problem: Wenn alles besonders ist, ist nichts besonders. Ich empfehle Ihnen, Ihre Auswahl für Typografie zu überdenken und das Gewicht des Textes zu reduzieren, wobei nur die wichtigsten Teile fett dargestellt werden.

Das Konzept der Hierarchie gilt auch für die Größe. Beachten Sie, wie das? Willkommen? Überschrift hat dieselbe Größe (oder nahe) wie die Aufzählungskopie. Wieder sehen wir einen Fall der Konkurrenz um Aufmerksamkeit. Da die Überschrift den Abschnitt definiert und einführt, erhöhen Sie die Größe, während Sie die Aufzählungspunkte verringern.

Hier ist ein schnelles und schmutziges Modell dieses Abschnitts mit besserer Verwendung der visuellen Hierarchie. Sie müssen es nicht genau so machen, Sie müssen sich nur darauf konzentrieren, wie die Informationen viel sauberer aufgeteilt werden.

Inhalt

Der Inhaltsbereich ist attraktiv und bringt einige freundliche Fotografie mit sich, leidet jedoch an dem gleichen Problem mit dem gesamten fettgedruckten Text.

Ein weiterer wichtiger Vorschlag ist, die Fotos und den Text direkt unter ihnen zu einer visuellen Einheit zu machen. Im Moment haben Sie zwei verschiedene visuelle Elemente, die übereinander gestapelt sind, wenn sie auf einfache Art und Weise miteinander verbunden werden könnten. Auch dies ist schnell und schmutzig, aber Sie haben die Idee.

Fußzeile

Lassen Sie uns zum Schluss noch die Fußzeile betrachten. Der Inhalt hier ist ziemlich einfach, aber es wurde viel komplexer und verwirrender gemacht, als es wirklich ist.

Zuallererst hat das Rot auf dem Weiß oben gearbeitet, aber das Rot funktioniert definitiv nicht auf dem Blau. Die zwei hellen Farben übereinander stehen in Konflikt miteinander. Außerdem braucht der Text wirklich etwas Arbeit. Ändern Sie wieder etwas die Kühnheit, reduzieren Sie die Hervorhebung der Copyright-Zeile und korrigieren Sie die unhandliche Suchtaste, die viel länger ist als das darin enthaltene Wort (Breite reduzieren, Text in der Taste zentrieren).

Die klebrige Fußzeile, die die Telefonnummer beim Scrollen enthält, ist eine nette Berührung. Wenn jemand die Website eines physischen Unternehmens besucht, möchte er oft nur eines: die Telefonnummer. Die Telefonnummer bleibt bei Ihnen, wenn Sie durch die Website scrollen, sodass Sie fast nicht übersehen werden können.

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.