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 Site ist StyleJam, eine Site, die Webdesigner-Portfolios hostet. Lass uns einen Blick darauf werfen und sehen, was wir denken!
Möchten Sie einen Blick auf Ihre Website werfen? Senden Sie es ein, um in einer zukünftigen Design-Kritik vorgestellt zu werden, es dauert nur eine Minute. 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 StyleJam
Mit StyleJam können Sie Ihr persönliches Webdesign-Portfolio unter einer von Ihnen ausgewählten eigenständigen URL erstellen und mit CSS und Bildern anpassen. Sie müssen sich nicht mit dem Programmieren vertraut machen, für einen Hosting-Service anmelden oder Ihren Server konfigurieren. Das einzige, was wir nicht für Sie tun, ist das Gestalten.
Hier ist ein Screenshot der Homepage:
Erster Eindruck
Mein erster Eindruck von StyleJam ist positiv. Es gibt eine Menge über diese Website, die sich sehr modern anfühlt. Der Designstil entspricht genau dem, was viele Designer heute vorhaben. Es ist ein klares Design, das viel Weißraum verwendet und Blau verwendet, um ein Gefühl von Professionalität zu vermitteln.
Alles in allem ist es ein guter Start. Es gibt jedoch einige kleine Probleme und Vorschläge, die ich habe. Lass uns die Seite Stück für Stück durchgehen und sehen, was diese sind.
Site Logo und Tagline
Wenn ich diese Seite betrachte, fällt mir das erste Logo auf, das oben gezeigt wird. Ich würde dies nicht als eine hohe Priorität bezeichnen, aber ich werde definitiv denken, dass dies eine Nacharbeit gebrauchen könnte. Die VAG Rounded-Schriftart wirkt etwas veraltet und der Pinsel funktioniert nicht für mich. Es macht das Wort? Jam? schwer zu lesen und sieht ein wenig kartoonartig aus, was dem professionellen Stil, dem der Rest der Seite folgt, zu widersprechen scheint. Anders ausgedrückt, das Logo steht auf der Seite als etwas, das nicht ganz dazugehört.
Der Slogan in der Titelleiste und im Logo der Site scheint ebenfalls nicht ganz zu funktionieren. Die Phrase? Webdesigner? Vereinigt? Ich denke, das ist eine Art Mitgliederverein, Gilde oder Gewerkschaft für Designer. Es ist ein guter Slogan, aber nicht für dieses Geschäft, das Webdesigner-Portfolios verkauft.
Ich schlage vor, diese Tagline durch etwas zu ersetzen, das den Service eindeutig anzeigt. Wenn Sie einhundert Personen gefragt haben, was für eine Website mit dem Slogan "Webdesigner" ist? Vereinigt? Ich würde wetten, dass kaum jemand ahnen würde, dass sie Portfolio-Websites verkauften. Verwenden Sie diese Kriterien, wenn Sie eine neue Tagline diskutieren.
Hauptkopfzeile
Als nächstes nenne ich den Hauptkopfbereich. Dies ist ein großer blauer Balken mit einem Einfügungseffekt und einem Hauch von Textur. Es ist ein schöner Effekt, der Ihre Aufmerksamkeit auf sich zieht. Das kleine Banner am unteren Rand ist eine nette Geste, obwohl Weiß auf Weiß für fast keinen Kontrast sorgt.
Mein Hauptthema ist hier ein unverkennbares Gefühl der Leere. Es gibt hier einen riesigen Raum, der sich einfach zu wenig genutzt fühlt. Es bittet um ein großes Image, eine große Schlagzeile oder beides.
Ich benutze ständig Mail Chimp als Beispiel, weil ihre Designer normalerweise so genau sind. Überprüfen Sie die Kopfzeile, die sich aktuell auf ihrer Site befindet.
Sehen Sie sich dieses große, farbenfrohe Bild an, das Ihre Aufmerksamkeit auf sich zieht und dann durch eine kristallklare, übergroße Nachricht verstärkt wird: Easy Email-Newsletter. In weniger als drei Sekunden nach dem Laden dieser Seite weiß ich genau, wofür die Site gedacht ist. Zurück zum StyleJam-Header sehe ich nur winzigen Text in einem großen blauen Feld. Nichts hier erregt meine Aufmerksamkeit.
Ich sage nicht, dass StyleJam ein Maskottchen braucht, sondern Inspiration nicht als etwas zum Abzocken betrachten. Sehen Sie sich stattdessen die Mail-Chimp-Seite als eine Lektion über grundlegende Gestaltungsprinzipien an. Mit diesen Vorschlägen könnte sich das StyleJam-Header-Design wie folgt ändern:
Natürlich müsstest du noch in den sozialen Links, im Eingabefeld usw. arbeiten, aber du bekommst die Idee. Optisch könnte der Header der Seite viel mehr helfen, als er derzeit ist. Während wir uns mit den sozialen Verbindungen befassen, haben diese Buttons den Anschein, als seien sie inaktiv. Selbst wenn Sie über sie schweben, ändert sich der Cursor nicht. Ich würde die Facebook- und Twitter-Symbole blau statt weiß machen, den Text etwas kontrastieren und das Hover-Problem beheben.
Bildschieberegler
Ich mag immer einen guten Bildschieber und diese Seite bietet einen in einem sehr attraktiven Rahmen direkt unter der Kopfzeile. Der Effekt ist schön und gibt der Seite ein dynamisches Gefühl. Die für den Schieberegler ausgewählten Bilder sind jedoch möglicherweise nicht die besten. Zum Beispiel sehen Sie hier als erstes:
Als ich das sah, dachte ich zugegebenermaßen, dass etwas kaputt war. In der Mitte der Seite befand sich dieses umständliche Textfeld, das auf der rechten Seite teilweise abgeschnitten wurde. Es dauerte eine Minute, bis mir klar wurde, dass es nur ein Screenshot war. Ich schlage vor, dieses Bild zu löschen und mehr visuellen Inhalt wie die Folie zu verwenden, die sich derzeit im zweiten Slot befindet.
Fazit
Wie ich bereits erwähnt habe, mag ich eigentlich das Gesamtbild dieser Seite. Es ist eine attraktive Seite, die viele wichtige Aspekte richtig macht. Die oben genannten Vorschläge sind meist kleine, schnelle Korrekturen, von denen einige weitgehend subjektiv sind.
Die Hauptsache ist hier, Ihre Botschaft klar und attraktiv zu vermitteln. Im Moment scheint das Messaging etwas unscharf zu sein und es ist ein wenig Arbeit, um herauszufinden, was genau auf der Website passiert. Reduzieren Sie diese Arbeit auf fast Null, und Sie erhöhen garantiert Ihre Klickrate.
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.