Webdesign-Kritik # 49 MacroDreams

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 MacroDreams, das persönliche Portfolio von Deepak Chakravarthy.

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 34 US-Dollar - deutlich weniger, als wenn Sie einen Berater für einen Blick auf Ihre Website bezahlen würden! Hier erfahren Sie mehr.

Über MacroDreams

Mein Name ist Deepak Chakravarthy J. und ich bin ein unabhängiger Webdesigner und Front-End-Entwickler mit mehr als 9 Jahren Erfahrung im Web- und Grafikdesign. Ich bemühe mich, saubere, suchmaschinenfreundliche und visuell ansprechende Websites basierend auf den neuesten Webstandards und Usability-Richtlinien zu erstellen, um die bestmögliche Lösung zu erzielen.

Hier ist ein Screenshot der Homepage:

Erster Eindruck

MacroDreams zeichnet sich durch ein von der Natur inspiriertes Design aus, das insbesondere im Kopfbereich recht attraktiv ist. Die Idee ist ziemlich fantastisch und vermischt Vögel und Gras mit Weltraumgrafiken und abstrakten Wirbeln.

Die Homepage ist ziemlich einfach und enthält nur einen einfachen Blogeintrag. Sie fungiert als Schnittstelle zu anderen Seiten, z. B. einem Portfolioabschnitt. Die Grammatik ist zwar ziemlich grob, aber da ich nur eine Sprache sprechen kann, ist mein Hut für alle, die sogar versuchen können, in einer Sprache zu schreiben, die seiner eigenen fremd ist. Ich werde mich daher aus gestalterischer Sicht auf diese Site konzentrieren.

In diesem Sinne gibt es Lob und konstruktive Kritik. Ich mag einige Aspekte, fühle aber stark, dass Verbesserungen vorgenommen werden können. Beginnen wir mit der Kopfzeile.

Zu viel des Guten?

Wenn Sie die Seite zum ersten Mal laden, ist das, was Sie interessiert, die Kopfzeile. Rein ästhetisch ist es ein bisschen verrückt, aber eigentlich sehr attraktiv.

Wenn Sie die Seite betrachten, wird sie lebendig. Die Grasfläche enthält eine Wassertropfen-Animation, die ich ziemlich faszinierend finde, der Papagei flattert und blinzelt und die Vögel oben haben eine schwebende Parallaxen-Animation mit den Wolken.

Ich mache gelegentlich Tricks wie diese, aber um ehrlich zu sein, denke ich, dass alle drei Effekte hier sehr gut abgezogen wurden. Das Problem ist, dass ich denke, dass jeder Effekt als freistehendes Einzelelement schön ist. Die Wassertröpfchen sind für sich allein kühl, für sich allein ist die Vogelanimation interessant, usw.

Wenn Sie jedoch so viele Animationen auf einer Seite kombinieren, ist der Effekt verwirrend. Es passiert einfach zu viel. Im Pixar-Film "The Incredibles" besteht das Ziel des Bösewichtes darin, jeden zu etwas Besonderem zu machen, denn das Endergebnis wäre, dass niemand besonders ist. So kitschig es auch ist, daraus eine Designlektion zu machen, denke ich ständig über diesen Film nach, wenn ich solche Seiten sehe.

Denken Sie daran, dass der Schlüssel zu einem guten Webdesign darin besteht, die Aufmerksamkeit des Betrachters zu erfassen und ihn dann dahin zu lenken, wo Sie ihn haben möchten. Wenn Sie mehrere Gegenstände haben, die um Aufmerksamkeit wetteifern, wissen Ihre Augen nicht genau, wo sie landen sollen, und die Botschaft geht verloren.

So schwierig es auch sein mag, nachdem ich all diese Anstrengung in das Projekt gesteckt habe, empfehle ich, nur eine dieser Animationen zu wählen und den Rest wegzulassen. Sie könnten sie sogar auf anderen Seiten der Website recyceln, wenn Sie nicht völlig verrückt danach waren, sie zu werfen.

Hauptinhalt

Der Rest der Seite wird von der unten abgebildeten großen Kiste mit Inhalten belegt. Es ist ein einfaches zweispaltiges Layout, das sehr gut funktioniert und den wichtigen Inhalt offensichtlich betont.

Mein Problem bei diesem Bereich ist, dass der Designer irgendwie nicht wusste, was er damit anfangen soll. Tatsächlich ist ein großer Teil für ausgehende Verbindungen bestimmt. Der unbeholfene große Dankeschön-Bereich unten, die sozialen Links und der Smashing-News-Feed führen Sie von dieser Site weg. Zugegeben, dies sind Dinge, die fast jeder Designblog hat, dieser hier enthalten, aber das Problem hier ist, dass es nicht wirklich viel gibt, was Sie dazu bringen kann, sich zu halten.

Der Blog-Post ist ab Oktober, was Ihnen das Gefühl gibt, dass dies ein aufgegebenes Projekt ist. Außerdem gibt es keinen Blog-Bereich in der Navigation, daher ist diese Funktion der Website ohnehin etwas vage und undefiniert.

Was hier passieren muss, ist eine Neubewertung der Ziele dieser Website. Da es nur einen und einen alten Beitrag gibt, möchte ich sagen, dass der Hauptzweck hier darin besteht, dass der Designer sein Portfolio vorführt. Abgesehen von einem Link in der Navigation spiegelt sich dies jedoch nicht im Inhalt der Seite wider.

Wenn Sie einen Blick auf die Portfolio-Seite werfen, sehen Sie, dass dieser Designer wirklich eine Menge großartiger Arbeit zu zeigen hat, alles von Websites zu Logos und Druckarbeiten. Ich stimme dafür, dass Sie das Blog-Layout der Homepage aufgeben und einen Teil des Portfolio-Inhalts dort migrieren. Das Portfolio kann dort bleiben, wo es ist, aber der Zweck der Homepage sollte darin bestehen, die Website / den Designer vorzustellen und die Benutzer entweder auf die Portfolio-Seite oder auf die Kontaktseite zu leiten (ein Muss, wenn Sie möchten, dass Sie von Ihnen eingestellt werden).

Fazit

Es ist offensichtlich, dass dieser Designer über fundierte Kenntnisse in Photoshop und Webentwicklung verfügt. Wie oft ist mein Rat die Vereinfachung und Neuausrichtung. Bringen Sie die Aktivität auf der Seite herunter, sodass das Erlebnis weniger ablenkt, und leiten Sie die Startseite um, sodass sie Ihre Arbeit zeigt und die Benutzer auf die Portfolio-Seite gelangen.

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.