Jede Woche schauen wir uns eine neue Website an und analysieren das Design. Wir werden beide Bereiche hervorheben, die gut gemacht werden, zusätzlich zu denen, die etwas Arbeit benötigen. Zum Schluss bitten wir Sie, Ihr eigenes Feedback zu geben.
Die heutige Website ist Holds Worth Design.
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 24 US-Dollar - deutlich weniger, als wenn Sie einen Berater für einen Blick auf Ihre Website bezahlen würden! Hier erfahren Sie mehr.
Über wertvolles Design
Holds Worth Design ist ein preisgekröntes Studio für Webdesign, Grafikdesign und Kommunikation in Edmonton, Alberta. Holds Worth-Websites wurden in mehreren renommierten Galerien für "Bestes Design" vorgestellt, darunter thebestdesigns.com, coolhomepages.com, newwebpick.com, dailyslurp.com, creattica.com und viele mehr.?
Hier ist ein Screenshot der Homepage:
Erste Eindrücke
Dies ist zweifellos ein wirklich attraktives Design. Die Farben sind wunderschön, die Bilder sind lebendig und das Layout ist solide. Der Designer hat hervorragende Arbeit geleistet, was alles, was wir vorschlagen, eher gering sein wird.
Im Folgenden teilen wir das Design Stück für Stück auf, sodass wir sicher sein können, alles zu treffen und zu untersuchen, was funktioniert und was nicht.
Header
Wenn diese Kopfzeile die Aufmerksamkeit des Benutzers auf sich ziehen soll, funktioniert er. Die dunkelblauen und braunen Banner, die mit Gold getrimmt sind, bilden einen schönen Kontrast zum unscharfen fotografischen Hintergrund. Es ist eine beeindruckende Grafik, die die Seite wirklich macht.
Ein interessanter Aspekt bei diesem Header ist jedoch der Zeitraum, den er vorschlägt. Auf einen Blick sehe ich eine Seite mit einem Schlosslogo und dreieckigen Banner, die sich perfekt für das Schlossmotiv anfühlen. Der Rest der Seite springt jedoch direkt in die industrielle Revolution (der Zeitraum wird durch das verschwommene Blasenfoto weiter verwirrt).
So sehr ich es hasse, das großartige Design zu ändern, es ist ein ziemlich verwirrendes Konglomerat. Es fühlt sich ein bisschen so an, als ob der Designer seine Meinung nach der Hälfte der Seite geändert hätte.
Ich würde vorschlagen, dass Sie das grundlegende Layout beibehalten, aber Grafiken erstellen, die etwas besser zum Header passen. Denken Sie daran, dass nur sehr wenige Ihrer Besucher so gut besucht sein werden wie ich. Daher ist dies kein wirklich großes Problem, das sofort angegangen werden muss.
Navigation
Die Navigation hier ist ein ziemlich einfaches Dropdown-Menü. Der wichtige Aspekt ist hier die Funktionalität. Der Entwickler verwendete JavaScript, um das Menü mit Übergängen und Verzögerungen zu glätten. Das Menü funktioniert jedoch auch ohne JavaScript aktiviert. Diese anmutige Verschlechterung zeigt, dass derjenige, der die Site gebaut hat, sich die Zeit nehmen wollte, um es richtig zu machen (obwohl der Schieberegler offensichtlich an Funktionalität verliert).
Inhaltsschieberegler
Der Bildschieber wechselt zwischen drei Bildern, die oben übereinander angeordnet sind. Jeder Abschnitt ist attraktiv und einzigartig und dank jQuery sind die Übergänge butterweich.
Was ich an diesem Abschnitt etwas merkwürdig finde, ist, dass der Bildschieber etwas breiter ist als der Inhalt darunter.
Da die Site auf einer Zentrumsausrichtung eingerichtet ist, gehe ich nicht wirklich auf die unterschiedlichen Breiten ein, nur wie ähnlich sie sind. Achten Sie bei der Größenänderung von Objekten auf Ihrer Seite darauf, dass diese entweder identisch oder merklich verschieden sind. Situationen wie diese, in denen Elemente fast, aber nicht ganz gleich groß sind, wirken eher wie ein Unfall als eine beabsichtigte Entwurfsentscheidung.
Die einfachste Lösung besteht darin, die drei unteren Kästchen ein wenig mehr zu platzieren, damit die Linie mit den Grenzen des Bildreglers übereinstimmt.
Boxen
Abgesehen von den oben genannten visuellen Inkonsistenzen sieht dieser Abschnitt gut aus. Ich liebe die Grafiken der alten Schule und wie der Text um sie herum verläuft.
Ich finde diese Boxen auch auf konzeptioneller Ebene interessant. Sie dienen als Einblick in weitere Seiten der Website. Für diese Seiten wurden bereits Links über die Navigation angezeigt. Dies gibt Benutzern jedoch die Möglichkeit, eine weitere Möglichkeit aufzurufen, um zu diesen Seiten zu gelangen. Es ist möglicherweise etwas redundant, erhöht aber wahrscheinlich die Anzahl der Klicks bei einem typischen Besuch.
Fußzeile
Die Fußzeile besteht nur aus ein paar einfachen Textspalten, daher gibt es nicht viel zu kommentieren. Es ist einfach und funktional, eine großartige Kombination. Es wird jedoch auch auf der linken Seite der Seite verschoben. Linke Ausrichtungen sind großartig und ich ziehe es vor, Ausrichtungen zu zentrieren, aber in diesem Fall unterbricht sie den Fluss der Seite, da alles darüber in die Mitte verschoben wird.
Verwechseln Sie dies nicht als Richtung, um die Ausrichtung des Textes zu ändern. Die Textspalten sollte linksbündig bleiben Der gesamte Abschnitt sollte jedoch auf der Seite zentriert sein.
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.