Webdesign-Kritik Nr. 54: BDQWorks
Jede Woche schauen wir uns eine neue Website an und analysieren das Design. Wir werden sowohl auf die Bereiche hinweisen, die gut gemacht sind, als auch auf diejenigen, die etwas Arbeit gebrauchen könnten. Abschließend bitten wir Sie, Ihr eigenes Feedback zu geben.
Die heutige Website ist BDQWorks, ein Drupal / WordPress-Design- und Entwicklungsunternehmen für Themen.
Wenn Sie Ihre Website für eine zukünftige Designkritik einreichen möchten, dauert es nur wenige Minuten. Für die Kritik an Ihrem Design berechnen wir 34 US-Dollar - deutlich weniger, als Sie für einen Berater bezahlen würden, der sich Ihre Website ansieht! Mehr erfahren Sie hier.
Über BDQWorks
BDQWorks ist ein kleines Webdesign- und Programmierstudio von Jason Saeho Lee aus Toronto, Ontario, Kanada. BDQWorks arbeitet hauptsächlich für mittelständische Unternehmen aus Kanada wie Kudos Home & Design und verschiedene YouTube-Sensationen wie Clara C.
Hier ist ein Screenshot der Homepage:
Erster Eindruck
BDW Works ist eine Designagentur, daher würde es mich in eine unangenehme Lage bringen, wenn ich dachte, dass ihre Website hässlich ist, zum Glück nicht. Es gibt definitiv ein paar Dinge, über die ich nicht besonders begeistert bin, aber die meisten davon hängen von einer Art Präferenz ab.
Insgesamt ist die Website benutzerfreundlich und sehr gut gestaltet, genau wie die Arbeit, die BDQWorks täglich leistet. Lassen Sie uns einige der einzelnen Teile aufteilen, um zu sehen, was wir finden.
Navigationsmenü
Wenn Sie diese Kritik wöchentlich befolgen, wissen Sie, dass eines der ersten Dinge, die ich auf einer Website immer überprüfe, das Navigationsmenü ist. Dies ist die Schlüsselkomponente für Benutzer, um dorthin zu gelangen, wo sie hin möchten, und ich bin fest davon überzeugt, dass dieses Element genau richtig sein muss, um eine Website als erfolgreich zu bezeichnen.
Das BDQWorks-Menü ist eigentlich ziemlich einzigartig und hat wirklich eine andere Struktur als ich es auf anderen Websites gesehen habe. Hier ist eine Vorschau:
Wie Sie sehen können, enthalten die Dropdown-Menüs nicht nur eine Liste von Links, sondern auch einen kleinen Ausschnitt von Informationen. Das ist eigentlich ganz nett und gibt Ihnen einen Überblick darüber, was Sie erwarten können, wenn Sie diesem bestimmten Link folgen.
Der Nachteil dabei ist, dass es sich so anders anfühlt, dass ich eine Sekunde gebraucht habe, um zu erkennen, was vor sich geht, zumal die verschiedenen Dropdowns die Ausrichtung auf Sie umschalten und Sie nicht genau wissen, was Sie erwartet, wenn Sie mit der Maus über die nächste Option fahren.
Um diese Änderung zu verhindern, würde ich empfehlen, alle Dropdowns gleich auszurichten, damit die Liste der Links und die Beschreibung niemals die Seiten tauschen. Sie können auch den Hover-Effekt in eine tatsächliche Farbleiste hinter dem Text ändern, damit dies offensichtlicher ist als der Text, der lediglich die Farbe ändert. Mit dem großen Menü voller Inhalte hilft dies dem Benutzer, zu den Optionen zu gelangen, auf die er klicken muss.
Abbildungen
Das personalisierte Thema der Website scheinen diese kleinen illustrierten Personen zu sein, die an verschiedenen Orten auftauchen. Sie sind absichtlich grob gezeichnet und verleihen der Site eine freundliche, anthropomorphe Note.
Um ehrlich zu sein, bin ich nicht verrückt nach dem Illustrationsstil. Dies hängt letztendlich von einer Art Präferenz ab, aber ich denke, dass sie tatsächlich dazu dienen, die Gesamtästhetik der Site zu beeinträchtigen.
Das Kundenfoto, das diese Zeichen nach einigen Sekunden des Betrachtens der Website ersetzt, ist weitaus ansprechender und attraktiver. Dies lässt darauf schließen, dass Sie qualitativ hochwertige Arbeiten produzieren, anstatt dieser Vorstellung wie in den Abbildungen entgegenzuwirken.
Sekundäre Navigation
Etwa auf halber Höhe der Seite befindet sich eine horizontale Reihe von Bildern und Links, die ich als sekundäre Navigation bezeichnen werde. Diese zeigen jeweils einen von BDQWorks angebotenen Dienst und zeigen ein Bild eines Mac-freundlichen Desktops.
Ganz am Ende befindet sich jedoch eine kleine Box, in der einfach „Themen“ steht. Ich mag und mag diese Berührung nicht. Was ich mag, ist die Idee und Absicht dahinter. Sie wollten diesem Bereich besondere Aufmerksamkeit schenken, damit er anders aussieht als die anderen. Es bricht das Fotothema, die von den anderen festgelegte einheitliche Größe und die Wahl der Schriftart.
Das Problem ist, dass es das Aussehen der anderen verletzt, ohne es zu ergänzen. So wie zwei Farben sich widersprechen oder ergänzen können, können zwei visuelle Objekte entweder zusammenstoßen oder Harmonie finden. Diese letzte kleine Schachtel sieht wirklich einfach fehl am Platz aus, fast so, als hätte ein ganz anderer Designer sie nachträglich hineingesteckt.
Meine Empfehlung ist, diesen Bereich zu überdenken. Teilen Sie den Bereich zunächst in fünf gleich große Felder auf. Als nächstes platzieren Sie das Feld "Themen" in der Mitte. Wenn Sie ihm Aufmerksamkeit schenken möchten, ist dies ein guter Ort. Verwenden Sie zum Schluss nur Farbe und Schriftgröße, um sie zu unterscheiden. Ich denke, eine Black Box würde sich gut von den anderen abheben, ohne umständlich zu sein. Vielleicht könnten Sie beim iMac-Thema bleiben (kleben Sie die Logos auf den iMac-Bildschirm) und den Schriftarten, die an anderer Stelle verwendet werden, wenn auch etwas groß oder mutiger.
Solides Messaging
Ein Ort, an dem BDQ meiner Meinung nach wirklich gute Arbeit leistet, ist die Kommunikation auf der Seite. Überall, wo ich hinschaue, werde ich daran erinnert, dass dies eine Webdesign-Firma ist, die sich auf Drupal und WordPress spezialisiert hat. Sie können es einfach nicht verfehlen! Dies ist eine großartige Sache für Erstbesucher, da dadurch der Zweck der Website und die Identität des Unternehmens sofort klar werden.
Wie Sie dem obigen Bild entnehmen können, ist eines der ersten Dinge, die Sie auf der Seite sehen, eine Beschreibung der Person des Unternehmens und eine Liste der von ihm angebotenen Dienstleistungen.
Dieses Konzept wird durch das Einführungsvideo auf der linken Seite der Homepage noch weiter vorangetrieben, das Sie in BDQWorks einführt, Ihnen einige ihrer Arbeiten zeigt und echte Kundeninterviews enthält, die das Lob des Unternehmens unterzeichnen. Dieses Video ist sehr gut produziert und gibt mir wirklich das Vertrauen, dass dies ein erstklassiges, professionelles Unternehmen ist und dass ich sowohl auf die Qualität der von ihnen produzierten Arbeit als auch auf den Kundenservice vertrauen kann, den sie bieten werden.
Du bist dran!
Nachdem Sie meine Kommentare gelesen haben, können Sie dem Designer weitere Ratschläge geben. Lassen Sie uns wissen, was Ihrer Meinung nach am Design großartig ist und was Ihrer Meinung nach stärker sein könnte. Wie immer bitten wir Sie, auch den Designer der Website zu respektieren und klare konstruktive Ratschläge zu geben, ohne harte Beleidigungen.
