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 das persönliche Portfolio von Owain Lewis, einem freiberuflichen Webdesigner.
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 Owain Lewis
Ich bin freiberuflicher Webdesigner und Frontend-Webentwickler aus Cardiff. Ich erstelle saubere, moderne und professionelle Websites mit HTML5. In den letzten Jahren habe ich mit einer großen Anzahl von Kunden zusammengearbeitet, darunter Webdesign-Agenturen, große Unternehmen, Start-ups und Privatpersonen. Ich habe Websites erstellt, mit denen Menschen bessere Ergebnisse online erzielen können.
Hier ist ein Screenshot von Owains Homepage:
Erster Eindruck
Mein erster Eindruck von dieser Seite ist äußerst positiv. Ich mag das Layout, die Grafiken und den Text. Außerdem ist der Inhalt in klaren Abschnitten organisiert, sowohl durch Platzierung als auch durch subtile Hintergrundänderungen. Es ist eine wirklich großartige Arbeit, die mich stark an einige der schwarzen Seiten erinnert, die Apple auf ihrer Website hat.
Unsere Kritik wird größtenteils positiv sein. Wir werden uns jeden Abschnitt ansehen und besprechen, was richtig gelaufen ist! Es gibt jedoch ein paar wirklich kleine Dinge, von denen ich denke, dass sie optimiert werden könnten, und ich werde sie auf dem Weg darauf hinweisen.
Header
In der Kopfzeile dreht sich alles um Typografie. Es ist eine starke und freundliche Einführung, die Ihnen zeigt, worum es bei der Site geht. In den letzten Wochen habe ich mich mit Designern auseinandersetzen müssen, weil sie die grundlegenden Erklärungen ihrer Websites fast verdeckt haben. Ich bin fest davon überzeugt, dass wir sie in die Öffentlichkeit werfen, sodass es keine Verwirrung gibt. Sofort sehen wir diese Seite für Owain Lewis, einen freiberuflichen Webdesigner.
Die Kopfzeile stellt auch eine stark ausgerichtete Ausrichtung ein, die den Ton für den Rest der folgenden Seite bestimmt. Diese Ausrichtung wird dann durch den Fußbereich strikt eingehalten.
Das einzige Problem, das ich in diesem Abschnitt habe, ist die mangelnde Übereinstimmung mit der Typografie in der Überschrift. Hier hat der Designer das Prinzip des Kontrasts verwendet und Farbe, Kühnheit und Schriftbildwahl verwendet, um bestimmte Wörter zu unterscheiden. Die Schwerpunkte verwenden jedoch drei verschiedene Behandlungen.
Die erste verwendet die einfache dünne Schriftart, die im Rest der Überschrift verwendet wird, die zweite verwendet ein stark stilisiertes und ziemlich dickes Et-Zeichen, und die letzte verwendet eine kursive Version der Überschriftenschriftart. Ich empfehle, Owain Lewis zu machen. und? Website-Design? Spiel. Ob sie einfach oder kursiv sind, ist nicht so wichtig. Stellen Sie nur sicher, dass beide gleich sind. Ich würde auch in Betracht ziehen, beide zu einer fetten Version der Schrift zu machen, um die Differenzierung zu verbessern.
Als kleine Anmerkung könnte die erste Zeile in der Überschrift einige Interpunktionsaufmerksamkeit erfordern.
Intro-Abschnitt
Der nächste Abschnitt ist derjenige, der Ihre Aufmerksamkeit auf sich zieht, wenn Sie die Seite laden. Bei all dem Schwarz werden Ihre Augen sofort zum Kontrastpunkt gebracht: das große weiße Miniaturbild, das Sie dazu veranlasst, in diesem Abschnitt ein wenig zu springen und zu den anderen Miniaturbildern überzugehen. Die Seite liest sich sehr gut und der Designer hat den Benutzer gut durch das Layout geführt.
Ich mag sogar das kleine Treiben? Stellen Sie mich ein? Tag auf der rechten Seite der Seite. Wenn Sie zu irgendeinem Zeitpunkt durch die Website stöbern, wenn Sie der Meinung sind, dass dieser Kerl so gut ist, dass Sie ihn einstellen möchten, gibt es einen einfachen Weg zu diesem Ziel, das Sie einfach nicht verfehlen können! Beachten Sie, dass es weit weg von der Seite bleibt und aus dem Weg ist. Tricks wie diese sind extrem ärgerlich, wenn sie sich tatsächlich überlappen (ich schaue Ihnen Twitter für iPhone an).
Ich bin nicht sicher, ob dieser Abschnitt überhaupt geändert werden muss, obwohl ich mich ein wenig mit der Überschrift beschäftige: "Freelance Web Designer Web Design Portfolio". Dies ist offensichtlich eine überflüssige Aussage und fühlt sich wie ein SEO-Rauschen an (der Seitentitel tut dasselbe, aber viel schlimmer). SEO-Taktiken gehen schnell an Grauzonen vor, so dass jeder Designer entscheiden muss, was eine gute Idee ist und nicht, aber ich habe das Gefühl, dass auf dieser Seite nervige Keywords auftauchen.
Vorgestellter Abschnitt
Der Fluss dieser Seite beim Scrollen ist interessant, haben Sie ihn entdeckt? Der erste Bereich ist eine breite Spalte, der zweite Bereich besteht aus zwei Spalten, dieser Abschnitt besteht aus drei Spalten und die Fußzeile ist vier (alle behalten die starke Ausrichtung bei). Designer tun sich oft schwer mit der Idee, Ihr Layout zu ändern, und behalten entweder das Gleiche auf der gesamten Seite oder versuchen eine drastische Änderung und stören den Fluss. Owain hat es gut gemacht, den Benutzer in den Inhalt zu bringen und genügend Variationen anzubieten, um visuelle Redundanz zu reduzieren.
Wie der letzte ist dieser Abschnitt sehr attraktiv. Ich mag die visuelle Behandlung der Schlagzeilen und die animierten Hover-Effekte auf den Miniaturansichten. Alles fühlt sich glatt und hochwertig an.
Eine kleine Änderung: kapitalisieren Sie niemals das? in iPhone. Es scheint unbedeutend zu sein, aber die Leute sind wählerisch in Bezug auf dieses Zeug und einige werden Sie nicht damit beauftragen, ihre iPhone-Site zu bauen, wenn Sie nicht genug über das Produkt wissen, um den Namen richtig zu machen.
Fußzeile
Für mich ist dieser Abschnitt der einzige Teil der Site, bei dem das Layout etwas unangenehm wird. Für den Anfang fühlt sich der Fluss der Säulen seltsam an, da sich in der Mitte viele unbeholfene Leerzeichen befinden. Ich bin nicht sicher, ob es die beste Idee ist, den viersäuligen Abschnitt an die Aufteilung des dreispaltigen Abschnitts anzupassen.Dies ist möglicherweise sinnvoller, wenn die Spalten gleichmäßig über den Raum verteilt sind, wie es die drei darüber sind (folgen Sie daher der Methode des vorherigen Abschnitts, nicht der genauen Platzierung).
Zum Schluss noch die rechts ausgerichteten? Meine Links? Abschnitt ist ein wenig seltsam, da alle anderen Spalten linksbündig sind. Dies ist ein klassischer Fall, wenn Design einer der Orte ist, an denen Sie jeder Regel folgen können und trotzdem etwas haben, das nicht ganz richtig ist. Ich streife immer weiter darüber, wie wichtig es ist, das Layout, das Sie erstellt haben, strikt zu befolgen, aber hier möchte ich anmerken, dass die letzte Spalte möglicherweise nicht dem gerechtfertigten Layout folgt und nur einen unregelmäßigen rechten Rand haben kann.
Designer zu sein bedeutet, alle Regeln zu lernen und dann herauszufinden, wann es akzeptabel ist, sie zu brechen. Das Problem ist natürlich, dass jeder Designer anders entscheidet. Zugegebenermaßen spalte ich mit dieser Kolumnen-Diskussion Haare, während viele Designer keinerlei Probleme mit der Fußzeile haben. Ich ermutige Owain lediglich, das Layout hier noch einmal zu betrachten und für sich selbst zu entscheiden, ob es nicht irgendwie stärker werden könnte.
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.