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 Mogo Style, eine Website zum Bestellen eines persönlichen Logos.
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 Mogo Style
Ein Mogo ist das perfekte Werkzeug für Ihre persönliche Marke, das für Personen gedacht ist, die sich von der Masse abheben. Verwenden Sie sie für Ihre Visitenkarten, E-Mails und Profile. Persönlich wie ein Foto und professionell wie ein Logo. Machen Sie jedes Mal einen beeindruckenden Eindruck.
Hier ist ein Bereich der Homepage:
Erster Eindruck
Zuerst muss ich den Service kommentieren. Das ist eine wirklich interessante Idee. Sie machen ein Foto von Ihnen und verwandeln es in eine Illustration, die im Wesentlichen ein iPhone-Symbol ähnelt. Im Grunde ist es ein digitaler Avatar-Service, der Ihnen ein kleines persönliches Symbol für Facebook, Twitter, Visitenkarten und mehr bietet.
Die Homepage der Seite vermittelt dies sehr gut. Trotz der Tatsache, dass das Unternehmen ein sehr einzigartiges Konzept hat, brauchte ich nur eine Sekunde, um es zu verstehen. Das ist ein so hohes Ziel, auf das man hier hoffen kann, und sie haben es geschafft.
Das Gesamtdesign ist sauber und minimal, was Ihre Aufmerksamkeit wirklich auf die Diaschau lenkt, die den Service erläutert und Beispiele zeigt. Ich würde sagen, dass die Seite ziemlich perfekt ist, aber ich habe definitiv ein paar Empfehlungen. Lass uns genauer hinschauen.
Ausrichtung
Das Alignment ist eines der wenigen Dinge, von denen ich glaube, dass sie angesprochen werden müssen. Es ist fast perfekt, aber ich bin ein Kontrollfreak, wenn es um das Alignment geht und das Element, das hier nicht passt, nervt mich wirklich. Der Text im Mogo-Stil ist an den restlichen Elementen ausgerichtet, aber das kleine Herz schwebt im Niemandsland.
Das Problem hierbei ist, dass das Logo und der Text eine visuelle Einheit sind. Sie nehmen sie nicht als zwei getrennte Elemente wahr, sondern als eins. Das gesamte Logo sollte auf der linken Seite mit dem restlichen Inhalt der Seite übereinstimmen. Die Lösung hier ist einfach: Bewegen Sie das Logo einfach nach rechts, so dass das Herz gerade dort sitzt, wo der Text erscheint.
Die Geschichte
Wie bereits erwähnt, vermittelt die Website ihr Konzept sehr gut. Dies ist zum großen Teil der großen Diashow auf der Homepage zu verdanken, die Sie mit Mogo Style und dessen Funktionen vertraut macht. Hier sind die vier Bilder, die Sie in der Reihenfolge ihres Aussehens sehen.
Das erste, was Sie sehen, sind einige Beispiele für das Produkt, das sie liefern. In diesem Fall ist das Bild wirklich mehr als tausend Worte wert. Eine klarere Erklärung des Dienstes konnte nicht angeboten werden. Als nächstes beeindrucken sie dich. Die erste Folie weckt das Interesse, aber jetzt ist es an der Zeit, Qualität zu kommunizieren. Hier behaupten sie, dass jedes Logo von Hand gezeichnet wird. Es ist schwer zu rechtfertigen, jemanden dafür zu bezahlen, Ihr Foto in ein Auto-Trace-Programm einzufügen, aber eine benutzerdefinierte handgezeichnete Abbildung ist eine völlig andere Sache. Die nächsten beiden Folien zeigen Ihnen, warum Sie das Produkt benötigen, indem Sie einige Anwendungsfälle beschreiben.
Das Setup hier ist ein großartiges Verkaufsargument: Hier verkaufen wir, hier ist es gut und hier ist, warum Sie es brauchen. Wenn Sie eine Diashow für eine Homepage erstellen, sollten Sie ähnliche Kommunikationsziele im Auge behalten.
Lesbarkeit
Nun, ich werde sagen, dass ich nicht verrückt nach der Lesbarkeit des Textes über den fotografischen Folien bin. Der Designer versuchte die Situation mit fettem Text und einem Schatten zu verbessern, aber es könnte noch viel besser sein. Die Fotos hier sind einfach zu beschäftigt, um Text einfach zu lesen. Wenn Sie kein großes Farbfeld haben, sollten Sie es fast nicht einmal ausprobieren.
Glücklicherweise ist die Lösung fast immer eine einfache: Wenn Sie kein Volltonfeld haben, machen Sie eins! Ein einfacher schwarzer Balken ist hier weit weg. Um die Dinge etwas schicker zu gestalten, habe ich die Deckkraft des schwarzen Balkens reduziert und das Bild dahinter unscharf gemacht.
Vergleichen Sie diesen Text mit dem eigentlichen Beispiel, und Sie können sofort sehen, dass die Lesbarkeit drastisch verbessert wurde und immer noch ziemlich stylisch wirkt, vielleicht sogar noch mehr.
Die? Lernen? Seite
Springen zu dem? Lernen? Auf dieser Seite sehen wir einen weiteren gut gestalteten Bereich, diesmal mit einem viel lineareren Layout, das drei Hauptabschnitte und etwas Hintergrundgeschichte enthält.
Ich finde diese Seite großartig, ich mag die Erweiterung der Details in den wichtigen Punkten und die Verwendung verschiedener, aber eng verwandter Bilder. Es wäre einfach gewesen, diesen Bereich mit der Homepage völlig überflüssig zu machen, aber er macht es gut, für sich alleine zu stehen.
Ich neige dazu zu denken, dass die sozialen Logos nach jedem Absatz etwas überflüssig sind. Optisch sieht es toll aus, aber konzeptionell gibt es eigentlich keinen Grund, dieses Element so oft zu wiederholen. Ich denke, diese Seite würde stark von einem etwas reduzierten Fokus auf Social Media und einem stärkeren Fokus auf die Kaufseite der Nutzer profitieren. A? Holen Sie sich jetzt? Knopf oder ähnliches würde helfen.
Wo ist die FAQ?
Mein letzter Kommentar zur Website ist, dass aus Sicht des Designers nicht genügend technische Informationen zum Produkt vorhanden sind. Ist das Raster oder Vektor? Wenn es sich um ein Raster handelt, wie ist die Auflösung und Größe der gelieferten Datei und erscheint sie auf einem transparenten Hintergrund? Wie einfach ist es, die Farbe zu ändern? Welche Dateiformate gibt es?
Gewährt, die meisten Der Kundenstamm dieser Site hat keine Ahnung, worum es bei diesen Fragen geht, aber es gibt eine Grauzone von Leuten, die keine Designer sind, aber dennoch genug wissen, um Fragen zu dem zu liefernden Produkt zu haben.
Eine andere Frage, die mir in den Sinn kommt, wird jeder fragen: Was ist die Bearbeitungszeit? Sprechen wir Stunden, Tage oder Wochen? Ich denke, es gibt eine einfache und elegante Lösung für all dies: eine FAQ-Seite. Dies ist die beste Wahl, um all die zufälligen Informationen zu platzieren, nach denen einige Kunden unweigerlich fragen werden. Es ist auch ein wichtiges Ziel für Kunden, die einfach nicht genug Informationen zu solchen Fragen haben, aber die Antworten durchaus verstehen können.
Fazit
Zusammenfassend ist Mogo Style eine großartige kleine Website und ein sehr einzigartiger Service. Die Homepage vermittelt das Konzept sehr gut und erfordert nur eine geringfügige Ausrichtung und möglicherweise eine Überarbeitung des Textes auf den Folien. Die? Lernen? page sieht auch gut aus, könnte aber ein paar weniger soziale Symbole und ein paar weitere Handlungsaufforderungen in Bezug auf den Einkauf verwenden. Schließlich glaube ich, dass die Website von einer FAQ-Seite stark profitieren würde.
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.