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 Website ist Quote Roller, eine wunderschöne Web-App zum Erstellen und Senden professioneller Vorschläge.
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 Quote Roller
Quote Roller hilft, den Prozess der Angebotserstellung zu automatisieren und zu rationalisieren. Vergessen Sie das Kopieren von Routinetexten in Word. Mit Quote Roller können Sie allgemeine Informationen über Ihr Unternehmen, die Nutzungsbedingungen und andere Dinge speichern und wiederverwenden, die Sie zum manuellen Einfügen von Vorschlägen verwendet haben. Quote Roller verfügt auch über eine benutzerfreundliche und intuitive Drag & Drop-Oberfläche, die unbegrenzte Anpassungsmöglichkeiten bietet.
Hier ist ein Screenshot der Homepage:
Erster Eindruck
Ich kann Ihnen sofort sagen, dass ich diese Seite wirklich mag. Es veranschaulicht mehrere Trends im modernen Webdesign, was bedeutet, dass es nicht genau einzigartig ist, aber es muss nicht wirklich sein. Es geht darum zu kommunizieren, dass Quote Roller ein fortschrittliches, modernes Dienstprogramm zum Erstellen von Zitaten ist, und dieses Design macht genau das.
Es ist äußerst wichtig, solche Ziele beim Erstellen einer Website im Auge zu behalten. Viel zu viele Designer stimmen sich in eine Richtung ab, die ihrer Stimmung am jeweiligen Tag entspricht, was zu schönen Websites mit schlammigen Botschaften führt. Die Grafiken auf einer Website sind eine Hauptquelle für die Kommunikation und Sie möchten sicherstellen, dass sie sagen, was Sie wollen!
Farben
Das erste, was ich besprechen möchte, ist das Farbschema, weil es eine sehr beliebte Technik verwendet, über die wir hier bereits gesprochen haben. Die Primärpalette verwendet verschiedene Blautöne, eine gute Wahl für einen sauberen, professionellen Look. Sobald dieser enge Farbumfang festgelegt ist, wird eine Hervorhebungsfarbe eingebracht, die sich wirklich auf der Seite hervorhebt, in diesem Fall Orange.
Das funktioniert wirklich gut, weil Sie viel Kraft haben, um das Auge des Benutzers zu lenken. Wenn Sie auf der Seite nach unten scrollen, sehen Sie viel Blau und Weiß, das durch sehr wenige helle Punkte in Orange unterbrochen wird. Ihre Augen werden von Natur aus zu diesen hellen Flecken hingezogen, wo Sie genau das sehen und lesen können, was der Designer von Ihnen verlangt. Es ist eine sehr einfache Technik mit starken Ergebnissen.
Grafisches Design
Der Hauptinhalt der Website wird in einem abgerundeten Rechteck gehalten. Dies wird auf einen texturierten Hintergrund der Leinwand platziert. Diese attraktive, aber subtile Textur verleiht der Seite eine Menge Dimension und ist sehr einfach zu erstellen. In diesem Artikel vermitteln wir Ihnen eine ähnliche Technik.
Der Navigationsbereich ist mit einem wirklich schönen Band umwickelt. Dies dient dazu, den Navigationsbereich hervorzuheben und der gesamten Seite einen dreidimensionalen Effekt zu verleihen.
Direkt über der Fußzeile wird eine weitere Ebene hinzugefügt, in der sich die Angebote und Empfehlungen des Kunden befinden. Diese Arten von Effekten verleihen der Site ein schönes, poliertes Gefühl. Sie erkennen, dass die Designer tatsächlich einige Zeit damit verbracht haben, die ästhetische Qualität zu verfeinern.
Typografie
Sie haben nicht das Budget für Typekit oder einen ähnlichen Premium-Web-Font-Service? Google Web Fonts bietet eine erstaunliche, kostenlose und einfach zu implementierende Alternative. Quote Roller verwendet Google Web Fonts für das? Merriweather? Schlagzeile, eine einzigartige und raffinierte Serife.
Beachten Sie, dass die Implementierung der benutzerdefinierten Schrift hier ziemlich konservativ ist. Nur die Überschriften verwenden Merriweather, der Rest ist Arial. Die Verwendung einer benutzerdefinierten Schriftart für die Textkopie ist in Ordnung, aber aufgrund der Ladezeiten ist dies nicht immer die beste Option. Außerdem ist es ziemlich einfach, sich mit ausgefallenen Schriften zu verstecken und das Endergebnis wie ein Durcheinander aussehen zu lassen. Eine sicherere Methode besteht darin, nur eine benutzerdefinierte Schriftart zu finden und die einzigartige Designnote zu erhalten.
Messaging
Das Messaging auf der Website ist sehr einfach und klar: Erstellen, verfolgen und senden Sie Vorschläge. ist das allererste, was Sie lesen. Es gibt keine Schläge um den heißen Brei, Sie verstehen sofort, was los ist.
Dies wird durch zahlreiche Screenshots verstärkt. Ich hasse es absolut, eine neue Web-App zu finden und dann nach Minuten zu suchen, um einen Screenshot zu finden. Manchmal gibt es keine auf der Homepage oder gar das Intro-Video! Wenn Sie Ihre Benutzeroberfläche verbergen, bis sich ein Benutzer tatsächlich anmeldet, gehe ich davon aus, dass Sie sich dafür schämen.
Was die Messaging-Front angeht, mag ich auch, wie die Funktionen auf dieser Website präsentiert wurden. Die mutige Überschrift mit einem winzigen Symbol und einer durchgehenden Unterstrichabhebung wirkt sehr scharf. Dieser Bereich ist sehr gut lesbar und verwendet viel Leerraum, um jedem Gegenstand Atempause zu geben.
Tour-Seite
Wenn Sie nach einer soliden Produkt-Tour-Seite suchen, bietet Quote Roller eine großartige. Ich mag die großen Screenshots auf der Seite. Wenn Sie durch diese Seite scrollen, erhalten Sie einen schnellen, aber gründlichen Einblick in das, was Sie bei der Anmeldung für die App erhalten.
Fazit
Quote Roller ist eine wirklich gut aussehende Website, die ihren Zweck erfüllt. Es ist sauber, modern und professionell. Eine perfekte Kombination, wenn Sie einen Web-Service an Geschäftsleute verkaufen.
Das Messaging ist sehr klar und wird durch Symbole und Screenshots verstärkt. Die Farben sind perfekt und es gibt viel Liebe zum Detail.
Alles in allem, ich gebe einen großen Daumen und kann mir wirklich nichts Negatives einfallen lassen!
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.