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 BrushLovers, ein Online-Shop für Photoshop-Pinsel, der von Walter Apai von Web Designer Depot betrieben wird.
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 Pinselliebhaber
? Unsere Bürsten werden akribisch mit stundenlanger Arbeit in jede Form gebracht.?BrushLovers bietet eine der größten Sammlungen exklusiver und hochwertiger Photoshop-Pinsel im Web. Wir verfügen über Hunderte von Photoshop-Pinseln, die sowohl für den privaten als auch für den gewerblichen Gebrauch kostenlos sind. Sie finden diese Kollektion nirgendwo anders! Wir haben auch eine schöne Auswahl an Premium-Pinseln, die bereits ab 3 US-Dollar erhältlich sind, oder Sie können Download-Brush-Packs für noch weniger kaufen. Unsere Bürsten werden akribisch mit stundenlanger Arbeit in jede Form gebracht. Sie sind alle hochauflösend und perfekt für das Web- und Druckdesign.
Hier ist ein Bereich der Homepage:
Erster Eindruck
Ich denke, BrushLovers ist eine großartig aussehende Website, die keine Überraschung ist, da sie von einem Mann geführt wird, der einen der besten Webdesign-Blogs besitzt. Es ist immer gut zu sehen, dass jemand praktiziert, was er predigt!
Das Design ist wunderschön, aber sehr funktional. Jeder kann diese Seite sehen und sofort wissen, was es ist und wie es funktioniert. Sie werden überrascht sein, wie schwierig es ist, ein scheinbar einfaches Ziel zu erreichen.
Wenn Sie die Maus über die Site bewegen, können Sie feststellen, dass es eine Menge Augenweide in Form glatter, animierter Hover-Effekte gibt. Unter der Haube gibt es solides CSS3 und JavaScript, das ein bereits solides Erlebnis noch besser macht.
Lassen Sie uns in das Nötigste springen und einige der feineren Elemente der Website auswählen.
BrushLovers-Logo
Ich hasse es, Logos als Teil einer Website zu kritisieren, einfach weil viele Webdesigner entweder keine Kontrolle über das Logo haben, das sie erhalten haben, oder weil sie im Nachhinein schnell etwas Hässliches hinterlassen.
Dieses Logo ist eine erfrischende Veränderung. Es kombiniert einen Pinselstrich, den Buchstaben? B? und ein Herz und sagt dabei alles, was es zu sagen hat!
Interessanterweise denke ich jedoch an eine umgekehrte Version des alten Jiffy Lube-Logos, wenn ich es betrachte.
Navigation
Ich finde es toll, dass die Navigation direkt über dem Inhalt steht und die zwei normalerweise getrennten Abschnitte vereint. Das Design verwendet einen CSS-Verlauf, einen invertierten Hover-Effekt und ein anpassbares, aber sauberes Dropdown-Menü für die Kategorien.
Die abgerundeten Ecken sind eine nette Geste, und dies ist ein schönes Beispiel für die Verwendung der Google Font API, um mit Ihren Webfonts aus der Box zu springen. Die Schrift hier ist Cuprum, nichts verrücktes oder übermäßig verziertes, nur eine schöne, runde, komprimierte Großschreibschrift, die perfekt zum Thema passt.
Hintergrundgrafik
Die Hintergrundgrafik hier rundet das Design sehr gut ab. Das strukturierte Aquarellbild ist absolut perfekt für eine Website, die Pinsel verkauft. Es ist einfach mutig genug, um einen starken Einfluss auf die Seite zu haben, und nur subtil genug, um den Hauptkommentar nicht zu sehr zu beeinträchtigen.
Messaging
Das Messaging für die Site ist sehr einfach und deswegen ist es so stark. Die Farbe Rot wird hier fachkundig eingesetzt, um Ihre Aufmerksamkeit abzulenken. Sobald Sie die Seite laden, fällt das fette Rot im Logo auf, das dann in die nächste große Menge Rot in den "We love brushes" abgewendet wird. Text.
Beachten Sie, was der Designer hier gemacht hat. Anstatt einfach einen langweiligen Textblock einzufügen, erstellte er zunächst eine sehr visuelle Überschrift, die Sie einzieht und dann eine kurze Erläuterung der Site daneben gibt.
Galerie
Einer der wichtigsten Aspekte des gesamten Designs ist natürlich die Darstellung der Pinsel. Der größte Teil der Homepage ist einer großen, filterbaren Galerie mit wirklich attraktiven Pinselvorschauen gewidmet.
Die Ecken sind abgerundet und bleiben im Einklang mit der Navigation, Sie können einige schöne subtile Grenzen sehen, und alle Informationen zu Abstimmungen, Preisen usw. werden in einem winzigen Bereich platziert, ohne im geringsten überladen zu wirken.
Besonders gut gefällt mir hier der Hover-Effekt, der den weißen Rand ausblendet und das Bild zum Rand ausbluten lässt.
Pinsel Seite
Wenn Sie in der Galerie auf einen Pinsel klicken, gelangen Sie zu dieser Pinselseite. Die Schriften sind hier wieder rund und komprimiert (Wiederholung) und das Layout aller verschiedenen Teile ist perfekt. Es gibt viele Informationen, Links, Schaltflächen usw., aber das ist nicht der Fall Gefühl wie viele Sachen, die schwer zu ziehen sind.
Ich mag das riesig? Buy Now? Taste, die so auffällt, dass Sie sie einfach nicht verfehlen können.
Fußzeile
Last but not least ist auch die Fußzeile für diese Seite wunderschön. Wie alles andere ist es sehr gut organisiert und passt sich perfekt dem darüber liegenden Inhalt an. Ich finde es gut, dass es gegen das Design verstößt, um hervorzuheben, während es immer noch an demselben visuellen Thema bleibt.
Fazit
Ich habe zweifellos lange genug über diese Site geärgert. Es ist selten, dass ich eine dieser Kritiken mache, ohne etwas Negatives zu sagen, aber dieses Design ist wirklich so gut.
Ich habe unzählige Designressourcen-Sites gesehen, die fast das gleiche exakte Layout haben, aber nur unzureichend implementieren. Man kann wirklich erkennen, dass dieser Designer sich die Zeit genommen hat, alles richtig zu machen. Alles fühlt sich glatt an, sieht gut aus und funktioniert perfekt. Sehr gut gemacht!
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.