Webdesign-Kritik # 82 Paul O'Rely

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 Paul O'Rely, Designer aus Brasilien. Lass uns rein springen und sehen, was wir denken!

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 Paul O'Rely

Paul ist ein selbstbeschriebener interaktiver Designer und Webunternehmer. Er ist derzeit 28 Jahre alt, lebt in Brasilien und ist begeistert von kreativen, einfachen und überraschenden Dingen.

Hier ist ein Screenshot seiner Website


Erster Eindruck

Ich sage gleich, dass ich Pauls Website wirklich mag. Es ist ziemlich einzigartig, es gibt viele interessante Dinge, die man betrachten und damit interagieren kann, und die Botschaft ist kristallklar: Hier ist, wer diese Person ist, was sie tut und wie man sie kontaktiert. Dies sind ehrlich gesagt die wichtigsten Aspekte des persönlichen Portfolios eines Designers, und ich denke, Paul hat sie alle auf den Punkt gebracht (eine kleine Bearbeitung von Texten ist zwar in Ordnung, aber ansonsten gute Arbeit).

Wenn ich eine Art allgemeine Beschwerde erheben müsste, wäre es wahrscheinlich das Fehlen einer erheblichen? Faktor in der Kopfzeile. Die Seite als Ganzes ist großartig (in der Fußzeile gibt es ein paar clevere Voodoo-Dateien), aber wenn ich den oberen Teil der Seite auflade, gibt es nichts, was mich wirklich packt und mich einlädt, weiter zu schauen. Wie ich bereits erwähnte, konzentriert er sich darauf, uns hervorragend mit der Site und sich selbst bekannt zu machen, und ich möchte nicht davon ablenken, aber ich habe immer noch das Gefühl, dass mit diesem Ort etwas mehr getan werden könnte, um die Besucher zu beeindrucken.

Nachdem wir die Website als Ganzes besprochen haben, wollen wir sie aufgreifen und über die verschiedenen spezifischen Aspekte des Designs sprechen. Das meiste, was ich zu sagen habe, ist positiv, also ist dies eine der Seiten, die mehr als gutes Beispiel als schlechtes dienen wird.

Nur eine Seite!

Ich habe gehört, wie Leute einzelne Seiten betten, aber ich grabe sie. Paul hat mit dieser Single-Leinwand tatsächlich einiges getan, und dennoch fühlt es sich geradezu vor Whitespace überfüllt.

Angesichts des relativ einfachen Zwecks der Website sehe ich nicht wirklich die Notwendigkeit, diesen Inhalt in separate Seiten aufzuteilen. Der Ablauf ist logisch und einfach zu verfolgen: Nach oben treffen Sie Paul und erfahren, was er tut. Als nächstes sehen Sie seine Arbeitsproben. Dann haben Sie die Möglichkeit, sich mit ihm in Verbindung zu setzen, wenn Ihnen das gefällt, was Sie sehen.

Die Ausnahme zu dem One-Page-Paradigma ist natürlich sein Blog, aber das fühlt sich wirklich wie eine völlig andere Einheit an, als eine Erweiterung dieser Site.

Typografie

Paul hat auf seiner Website einige großartige Schriftarten, die natürlich mit freundlicher Genehmigung von Typekit bedient werden. Die fette Slab-Serife in der Überschrift heißt Adelle, eine schöne Abwechslung vom typischen ChunkFive, den Sie überall sehen.

Ich mag auch die Wahl von Paul, was Adelle mit Museo Sans verbindet. Die Museo-Familie besteht hauptsächlich aus Slab-Serifen, aber sie haben eine serifenlose Version. Dies ist eine wirklich kluge Wahl, da Museo Sans speziell für Slab Serif-Schriftarten entwickelt wurde.

Obwohl Paul mit den ersten beiden Schriftarten gut gefahren ist, denke ich, dass die dritte eine große Fehlfunktion ist.

Wie Sie sehen, verwendet das Kontaktformular Lobster. Es gibt drei Gründe, warum ich diese Wahl nicht besonders mag. Für den Anfang nähert sich Lobster schnell dem Klischee? Territorium, nur weil es so allgegenwärtig ist. Um nicht zu sagen, dass Sie keine gängigen Schriften verwenden können, müssen Sie dies nur mit Vorsicht und Fingerspitzengefühl tun.

Noch wichtiger ist, Sie haben bereits Ihre große, gewagte, einzigartige Schriftart für die Seite ausgewählt. Abweichend hiervon ist das Kontaktformular etwas unangenehm. Die beiden können kombiniert werden, aber es muss in einer integrierten Weise mit einer klaren Hierarchie wie im Beispiel unten sein, statt durch willkürliches Umschalten zwischen ihnen.

Schließlich wird eine Skriptschriftart praktisch immer dann, wenn Sie viel Text haben, aus Sicht der Lesbarkeit eine bemerkenswert schlechte Wahl. Die einfache Wahrheit ist, dass es viel mehr Arbeit für Augen und Gehirn ist, einen ganzen Absatz zu sortieren und zu entschlüsseln, der in einem zusammenhängenden, zusammenhängenden Skript geschrieben ist.

Da es sich hier um ein Kontaktformular handelt, ist es möglich, dass sich die Kunden mit einem längeren Pitch an Paul wenden. Wenn ich gezwungen bin, in Lobster zu schreiben, kann ich sicherstellen, dass ich niemals Ihr Kontaktformular verwende.

Farben

Pauls Website verwendet ein grundlegendes fünfteiliges Farbschema. Hier ist eine kurze Übersicht der Farben, die Sie auf der Seite sehen:

Wie Sie sehen, ist dies ein sehr mutiges Farbschema, das Ihre Aufmerksamkeit auf sich zieht. Meist verwendet er ein Gleichgewicht zwischen Holzkohle, Creme und Blau, von denen die ersten beiden mild genug sind, um das Blau wirklich hervorzuheben. Das Grün wird nur für das Statuselement als Verstoß gegen den normalen Fluss verwendet, wodurch Sie wirklich darauf aufmerksam gemacht werden.

Wenn Sie genau hinschauen, finden Sie dort auch rote Spritzer. Ich denke, das scheint inkonsistent und unnötig zu sein. Es ist besser, die Wiederholung zu nutzen und dies als weitere Gelegenheit zu nutzen, um das Grün zu verwenden (oder vielleicht nur Rot ohne Grün zu verwenden).

Engagement und Interaktion

Eine weitere Sache, die Paul wirklich gut macht, ist, Sie zu engagieren und mit der Website zu interagieren. Zum Beispiel zeigt die Kopfzeile eine Art Balkendiagramm seiner Talente, das verschiedene Kategorien enthält, die mit einer glatten Animation angeklickt und erweitert werden können.

Scrollen Sie weiter unten auf der Seite und Sie finden einen interaktiven vertikalen Bildschieber, der seine Arbeit zeigt.Wieder einmal sehen wir eine hervorragende Nutzung von Übergängen und Klickereignissen sowie einige schöne Erleichterungen.

Wenn Sie zur Fußzeile kommen, finden Sie einen See mit schwimmenden Fischen. Dieser Teil ist wirklich sehr beeindruckend! Nichts fühlt sich an wie eine langweilige, einheitliche, geschwungene Animation. Das Muster der Fische und Blasen fühlt sich zufällig (ob es wirklich ist oder nicht, ist fast irrelevant).

Ich liebe es auch sehr, wie die Fische ihre Geschwindigkeit auf realistische Weise variieren. Sie schwimmen langsam und bleiben dann fast stehen, damit sie wackeln und vorwärts schießen können. Hut ab zu Paul für eine tolle Animationsarbeit hier!

Zusammenfassung

Zusammenfassend, ich liebe die Site. Es ist wirklich gut gemacht, und ich kann sagen, dass Paul darüber gegossen hat und sich viel Mühe gegeben hat. Fast alles auf der Website sieht gut aus, von Layout und Schriftarten bis hin zu Farben und Illustrationen. Meine größte Beschwerde ist die Verwendung von Lobster im Kontaktformular. Faktor, den Sie bekommen, wenn Sie wirklich in die Website graben.

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.