Webdesign-Kritik Nr. 58: Quote Roller
Jede Woche schauen wir uns eine neue Website an und analysieren das Design. Wir werden sowohl auf die Bereiche hinweisen, die gut gemacht sind, als auch auf diejenigen, die etwas Arbeit gebrauchen könnten. Abschließend bitten wir Sie, Ihr eigenes Feedback zu geben.
Die heutige Website ist Quote Roller, eine großartige Web-App zum Erstellen und Senden professioneller Vorschläge.
Entdecken Sie Envato-Elemente
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 49 US-Dollar - deutlich weniger, als Sie für einen Berater bezahlen würden, der sich Ihre Website ansieht! Mehr erfahren Sie hier.
Über Quote Roller
„Quote Roller hilft bei der Automatisierung und Rationalisierung des Angebotserstellungsprozesses. Vergessen Sie das routinemäßige Einfügen von Text in Word. Mit Quote Roller können Sie allgemeine Informationen über Ihr Unternehmen, Nutzungsbedingungen und andere Dinge, die Sie zum manuellen Einreichen von Vorschlägen verwendet haben, speichern und wiederverwenden. Quote Roller verfügt außerdem über eine benutzerfreundliche und intuitive Drag & Drop-Oberfläche mit unbegrenzten Anpassungsmöglichkeiten. “
Hier ist ein Screenshot der Homepage:
Erster Eindruck
Auf Anhieb kann ich Ihnen sagen, dass mir diese Seite wirklich gefällt. Es veranschaulicht verschiedene Trends im modernen Webdesign, was bedeutet, dass es nicht gerade einzigartig ist, aber es muss nicht wirklich sein. Es geht darum zu kommunizieren, dass Quote Roller ein fortschrittliches, modernes Dienstprogramm zur Angebotserstellung ist und genau dieses Design dies tut.
Es ist äußerst wichtig, solche Ziele beim Erstellen einer Website zu berücksichtigen. Viel zu viele Designer streiken in eine Richtung, die ihrer Stimmung an einem bestimmten Tag entspricht, was zu wunderschönen Websites mit schlammigen Botschaften führt. Die Grafiken auf einer Website sind eine Hauptkommunikationsquelle und Sie möchten sicherstellen, dass sie sagen, was Sie möchten!
Farben
Das erste, was ich diskutieren möchte, ist das Farbschema, da es eine sehr beliebte Technik verwendet, die wir hier zuvor besprochen haben. Die primäre Palette verwendet verschiedene Blautöne, eine gute Wahl für einen sauberen, professionellen Look. Sobald dieser enge Farbbereich festgelegt ist, wird eine Hervorhebungsfarbe hinzugefügt, die auf der Seite wirklich auffällt, in diesem Fall Orange.
Dies funktioniert sehr gut, da Sie viel Kraft haben, um das Auge des Benutzers zu lenken. Wenn Sie die Seite nach unten scrollen, sehen Sie viel Blau und Weiß, unterbrochen von sehr wenigen hellen orangefarbenen Flecken. Ihre Augen werden natürlich zu diesen hellen Flecken tendieren, wo Sie genau sehen und lesen können, was der Designer von Ihnen verlangt. Es ist eine super einfache Technik mit starken Ergebnissen.
Grafisches Thema
Der Hauptinhalt der Website befindet sich in einem Rechteck mit abgerundeten Ecken. Dies wird auf einem strukturierten Leinwandhintergrund platziert. Diese attraktive, aber subtile Textur verleiht der Seite eine Menge Dimension und ist sehr einfach zu erstellen. Wir bringen Ihnen in diesem Artikel eine ähnliche Technik bei.
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.
Eine weitere Ebene wird direkt über der Fußzeile hinzugefügt, in der sich die Kundenangebote und -empfehlungen befinden. Diese Art von Effekten verleiht der Site ein schönes, poliertes Gefühl. Sie können den Designern sagen, dass sie tatsächlich einige Zeit damit verbracht haben, die ästhetische Qualität zu verfeinern.
Typografie
Sie haben kein 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 die Überschrift „Merriweather“, eine einzigartige und raffinierte Serife.
Beachten Sie, dass die Implementierung der benutzerdefinierten Schriftart 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, aufgrund der Ladezeiten jedoch nicht immer die beste Option. Außerdem ist es ziemlich einfach, mit ausgefallenen Schriftarten verrückt zu werden und das ultimative Ergebnis wie ein Chaos aussehen zu lassen. Ein sicherer Weg ist es, nur eine benutzerdefinierte Schriftart zu finden und sie zum einzigartigen Design-Touch zu machen.
Messaging
Die Nachrichten auf der Website sind sehr einfach und klar: "Erstellen, Verfolgen und Senden von Vorschlägen" ist das allererste, was Sie lesen. Es wird nicht um den heißen Brei geredet, man versteht sofort, was los ist.
Dies wird durch viele Screenshots verstärkt. Ich hasse es absolut, eine neue Web-App zu finden und dann minutenlang nach einem Screenshot zu suchen. Manchmal gibt es keine auf der Homepage oder sogar im Intro-Video! Wenn Sie Ihre Benutzeroberfläche verstecken, bis sich ein Benutzer tatsächlich anmeldet, gehe ich davon aus, dass Sie sich dafür schämen.
Wenn es um Messaging geht, gefällt mir auch, wie die Funktionen auf dieser Website präsentiert wurden. Die fette Überschrift mit einem winzigen Symbol und einer durchgezogenen Unterstreichung, die vom Absatz getrennt ist, sieht sehr scharf aus. Dieser Bereich ist gut lesbar und verwendet viel Leerzeichen, um jedem Gegenstand Raum zum Atmen zu geben.
Tour Seite
Wenn Sie auf der Suche nach einer soliden Inspiration für Produkttouren sind, hat Quote Roller eine großartige. Ich mag die großen Screenshots, die sich auf der Seite abwechseln. Wenn Sie durch diese Seite scrollen, erhalten Sie einen schnellen, aber gründlichen Einblick in das, was Sie erhalten, wenn Sie sich für die App anmelden.
Fazit
Quote Roller ist eine wirklich gut aussehende Seite, die ihren Zweck gut erfüllt. Es ist sauber, modern und professionell, eine perfekte Kombination, wenn Sie einen Webdienst an Geschäftsleute verkaufen.
Die Nachrichten sind sehr klar und werden durch Symbole und Screenshots reichlich verstärkt. Die Farben sind perfekt und es gibt viel Liebe zum Detail.
Insgesamt gebe ich einen Daumen hoch und kann mir nichts Negatives vorstellen, was ich dazu sagen könnte!
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 zu geben, ohne harte Beleidigungen.
