So erstellen Sie ein Webdesign-Portfolio

Wenn Sie wie wir dazu neigen, die Zeitungen hinter verängstigten Fingern zu lesen, werden Sie wissen, dass es da draußen eine harte Welt ist. Die Kreativbranche hat die Finanzstürme vielleicht besser überstanden als viele ältere Sektoren, aber sie sind nicht unberührt geblieben: Der Wettbewerb ist härter als je zuvor und es ist immer schwieriger, sich von der Masse abzuheben.

  • Lesen Sie alle unsere Artikel zum Thema Karriere Hier

Wenn Sie keine haben Portfolio ist es noch schwieriger. Im einfachsten Fall ist ein Webdesign-Portfolio eine Online-Anzeige. Hier bin ich, heißt es. Schau dir an, was ich machen kann! Aber es steckt noch mehr dahinter.



Ihr Webdesign-Portfolio ist Ihre Visitenkarte und Ihre Kunstgalerie, der Ort, an dem Sie Ihre Fähigkeiten und die Geschichten hinter Ihren beeindruckendsten Projekten präsentieren und an dem Sie nicht nur zeigen, was Sie getan haben, sondern auch, was Sie als Nächstes tun möchten. In vielen Fällen ist dies auch das einzige, was jemand sieht, bevor er entscheidet, ob er Sie mit einem Stellenangebot oder einem Projektvorschlag kontaktiert.



01. Geschichtenzeit

Ein Webdesign-Portfolio kann in einer von drei Hauptvarianten angeboten werden. Sie können online sein Zusammenfassung , um potenzielle Arbeitgeber zu beeindrucken, eine Broschüre, um neue Kunden zu gewinnen, oder ein Schaufenster, um Ihre Kollegen zu beeindrucken und / oder einzuschüchtern. Alle drei Arten haben viele Gemeinsamkeiten.

Wie jede andere Art von Website müssen Portfolios mehrere Kriterien erfüllen. Sie müssen zugänglich und leicht zu navigieren sein. Sie müssen in verschiedenen Browsern und Geräten ordnungsgemäß funktionieren. Sie müssen perfekt ausgeführt werden, um den Auftrag zu erfüllen. Mit Ausnahme der Portfolios, die ausschließlich dazu dienen, Ihre Kollegen zu beeindrucken, lautet dieser Auftrag in der Regel „Bring mir etwas Arbeit“.

Webdesign-Portfolio



Das WordPress-Theme von Cameron Moll ist eine einfache und effektive Möglichkeit, sich zu präsentieren

Scott Belsky ist CEO des kreativen Schaufensters Behance , das eine Reihe von Tools zur Portfolioerstellung und -förderung bietet. 'Insgesamt zeigt eine Sammlung von Projekten Ihren Stil und Ihre Talentbreite', sagt er und argumentiert, dass es keinen Grund gibt, warum diese Sammlung keine persönlichen Projekte enthalten sollte - 'sie zeigen Ihre Leidenschaft und Initiative für Ihr Handwerk.' Unabhängig davon, für welche Projekte Sie sich entscheiden, sollte ein Besucher für jedes Projekt „den Auftrag oder das Ziel sehen, mit dem Sie begonnen haben, und dann eine Sammlung von Medien, die das Ergebnis darstellen. Ich schlage vor, sowohl Makro- als auch Nahaufnahmen der endgültigen Arbeit aufzunehmen. “ Belsky empfiehlt außerdem, dass Sie Ihre gesamte Arbeit zeigen und nicht nur einen 400-Pixel-Schnappschuss: „Einige Designer versuchen, nur winzige Elemente ihrer Arbeit zu enthüllen, was möglicherweise irreführend sein kann“, sagt er. „Die selbstbewusstesten Designer können ihr gesamtes Projekt zeigen.“ Wenn die Site live ist, verlinken Sie sie.

Sacha Greif ist Benutzeroberflächendesigner und Gründer von Vereiteln , eine private Jobbörse für freiberufliche Designer, und in dieser letzteren Funktion sieht er viele Portfolios. 'Qualität ist wichtiger als Quantität', sagt er, 'aber wenn Sie weniger als fünf bis sechs Projekte haben, erscheint Ihr Portfolio etwas dünn.' Das bedeutet jedoch nicht, dass jüngere Designer und Entwickler, Absolventen und alle anderen, die nur an einer Handvoll Projekten gearbeitet haben, sich zu viele Sorgen machen sollten. „Zunächst können Sie einfach mehr Details zu den Projekten angeben, die Sie bereits haben“, rät Greif. 'Sie können auch persönliche Projekte und Pro-Bono-Stücke vorstellen, sofern Sie klarstellen, dass Ihr Facebook-Redesign nicht von Mark Zuckerberg in Auftrag gegeben wurde.'

Bei Vorstellungsgesprächen wird den Menschen häufig empfohlen, sich für den gewünschten Job zu kleiden und nicht für den Job, den sie gerade erledigen. Ähnliches gilt für ein Webdesign-Portfolio: Wenn es eine Disziplin gibt, in der Sie arbeiten möchten, ist es eine gute Idee, Ihr Portfolio für diesen bestimmten Bereich so relevant wie möglich zu gestalten - und alles herabzustufen oder zu verwerfen, was nicht hilft.

Webdesign-Portfolio

Carbonmade bietet zwei Pläne an: fünf Projekte kostenlos oder 50 für 12 USD pro Monat

02. Katzen kopieren

Design ist ein visuelles Medium, aber das bedeutet nicht, dass Worte keine Rolle spielen. Einige sehr effektive Portfolios verwenden nur wenige Worte, um ihre Projekte zu beschreiben. Mit Bedacht kann das Kopieren jedoch Dinge hervorheben, die auf einem Screenshot oder einer Live-Website nicht ersichtlich sind - wie Ihre Talente zur Problemlösung, erstaunliche kreative Einsichten oder erstaunliche zwischenmenschliche Fähigkeiten.

Viele Portfolios beginnen mit einem Slogan: einer kurzen, knackigen Zeile, die einen Eindruck davon vermittelt, wem das Portfolio gehört und was sie tun. Taglines können sehr effektiv sein, aber versuchen Sie, Klischees zu vermeiden: Ein Slogan, der behauptet, dass Sie wirklich großartige Websites erstellen, auch wenn es wahr ist, ist das technische Äquivalent zum Schreiben von 'Ich bin vertrauenswürdig und ein sehr harter Arbeiter' in einem Lebenslauf.

Es ist eine viel bessere Idee, genau zu sein - so zum Beispiel Ethische Studios hat die einfachen und effektiven 'Websites für NGOs und ethische Unternehmen' dabei Matt Dempsey nagelt es mit 'Ich entwerfe schöne, ansprechende Benutzererlebnisse und intuitive Benutzeroberflächen für kleine, leidenschaftliche Startups mit großen Ideen.' Sie wissen sofort nicht nur, was er tut, sondern was seine Prioritäten sind und für welche Arten von Unternehmen er gerne arbeitet, in 17 kurzen Worten.

Einige der besten Slogans stammen von anderen: Das atemlose Zeugnis eines Kunden, eine großartige Bewertung für eines Ihrer Projekte oder eine wirklich nette Sache, die jemand auf Twitter über Sie gesagt hat, können alle gut funktionieren.

Testimonials können auch wirklich dazu beitragen, bestimmte Projekte zu veranschaulichen. Wenn Ihre Kunden von Ihnen und Ihrer Arbeit schwärmen, ist es eine hervorragende Idee, ihre Kommentare in Ihre Projektdetailseiten aufzunehmen. Wenn Ihre Kunden in der Akte keine netten Dinge gesagt haben und Sie immer noch zu guten Konditionen sind, kann es nicht schaden, sie schnell anzurufen oder ihnen eine E-Mail zu senden, um ein schnelles Angebot anzufordern.

Viele Portfolios enthalten auch einen Abschnitt 'Über mich' oder einen gleichwertigen Abschnitt, in dem die spezifischen Arten von Arbeiten des Designers oder Entwicklers aufgeführt sind, wo sie sich befinden, welche Arten von Projekten sie gerne ausführen und was sonst noch relevant sein könnte. Es ist ein guter Ort, um Auszeichnungen oder Lob zu erwähnen und eine Vorstellung von Ihrer Persönlichkeit zu geben, obwohl es wie bei jeder Online-Kopie zu viel Persönlichkeit gibt. Lassen Sie im Zweifelsfall die Witze aus - und achten Sie auf andere Sünden beim Schreiben von Texten wie Rechtschreibfehler, Grammatikfehler, Langatmigkeit und Irrelevanz. Denken Sie immer an Ihren Leser, nicht an sich selbst: Wenn Sie einen Abschnitt mit der Bezeichnung 'Was ich tue' erstellen, sollte dies 'Was ich für Sie tun kann' bedeuten. Denken Sie auch daran, Ihre Kopie an die Art von Arbeit anzupassen, die Sie erhalten möchten.



Webdesign-Portfolio

Die Auswahl der 4ormat-Portfolio-Hosting-Optionen ist das Pro-Paket für 12,99 USD pro Monat mit unbegrenzten Seiten

Scott Belsky ist der Meinung, dass es sich lohnt, auch Ihre Arbeitsmethoden zu zeigen. 'Bei der Einstellung kreativer Talente ist es hilfreich zu verstehen, wie jemand arbeitet', fährt er fort. 'Meiner Meinung nach zeigen die besten Projekte in einem Portfolio auch einige Prozesse - vielleicht Produktionsstufen oder einen' unbenutzten 'Abschnitt am Ende.'

Belsky empfiehlt außerdem, Kredite dort zu vergeben, wo sie fällig sind. 'Es ist nicht üblich, aber ich respektiere wirklich Menschen, die ihre Mitarbeiter in ihren Portfolios richtig gutschreiben. Die Auflistung der Personen, die bei jedem Projekt mit Ihnen zusammengearbeitet haben, drückt eine zusätzliche Dosis Vertrauen und Teamwork aus “, erklärt er. 'Ich sehe, dass so viele Portfolios niemandem gutgeschrieben werden, was bedeutet, dass viele von ihnen in irgendeiner Weise unehrlich sind.'

Sollten Sie einen Blog hinzufügen? Die Antwort ist ein qualifiziertes Ja: Wenn es gut ist und regelmäßig aktualisiert wird, kann es von Vorteil sein. 'Ihr Blog enthüllt Ihre Persönlichkeit sowie Ihren Geschmack und Ihre Designperspektive', sagt Belsky. 'Wenn Sie Leute einstellen und ein Team aufbauen, möchten Sie eine Person ein wenig kennenlernen. Das Anzeigen ihres Blogs kann hilfreich sein. “

Können Blogs nach hinten losgehen? 'Wenn Ihr Blog durch die Entfremdung eines potenziellen Arbeitgebers nach hinten losgeht, ist eine solche Abschreckung möglicherweise auf lange Sicht hilfreich', sagt er. 'Ich persönlich möchte nicht mit Leuten arbeiten, die nicht gerne hören, was ich denke.'

03. Leg es dort hin

Sie wissen, was Sie in Ihr Portfolio aufnehmen werden, aber wo werden Sie es ablegen? Hier gibt es mehrere Möglichkeiten. Sie können Ihre eigene Site in Ihrer eigenen Domain von Hand codieren. Sie könnten einen Tumblr mit einem Thema wie verwenden SimpleFolio Erstellen Sie eine WordPress-Site mit einem Thema wie Sideshow , Garnierung oder Cameron Molls Eingewiesen - oder Sie könnten die Website eines anderen Benutzers verwenden.

In dieser letzteren Kategorie gibt es keinen Mangel an Konkurrenten. Die bekannteste Portfoliooption ist wahrscheinlich die von Behance Bitte , aber andere beliebte Optionen gehören Post , 4ormat und Carbonmade . Es gibt auch kompetenzspezifische Websites wie DeviantArt für digitale Künstler und 500px für Fotografen.

Wenn Sie es selbst tun, haben Sie die vollständige Kontrolle über jeden Aspekt Ihres Portfolios. Die Verwendung einer vorgefertigten Website oder Vorlage sollte jedoch nicht als Ausschluss betrachtet werden. 'Es ist absolut nichts Falsches daran, eine vorgefertigte Portfolio-Site zu verwenden', erklärt Sacha Greif. „Kunden bewerten Ihre Arbeit immer nach ihrem eigenen Verdienst. Ihre Portfolio-Site selbst könnte sie nicht weniger interessieren. Tatsächlich sind die einzigen Personen, die sich für Designer-Portfolios interessieren, andere Designer. Wenn es also Ihr Ziel ist, Ihre Kollegen zu beeindrucken, sollten Sie sich für ein ausgefallenes CSS3-animiertes Portfolio entscheiden. Aber wenn Sie Arbeit bekommen möchten, ist Cargo oder ein WordPress-Theme genau das Richtige für Sie. “

Star Wars Rogue ein Filmplakat

Webdesign-Portfolio

Eine gute Kopie macht einen großen Unterschied. Ethical Studios versteht, dass 'was wir für Sie tun können' mächtiger ist als 'was wir tun können'.

Belsky stimmt zu. 'Der häufigste Fehler, den Menschen machen, ist, dass ihre Portfoliostruktur zu' originell 'wird. Infolgedessen haben Besucher oder Rekrutierungsunternehmen Schwierigkeiten, sich durch ihre Arbeit zu bewegen', sagt er.

Es gibt auch das Problem der Auffindbarkeit: Portfolio-Websites ermutigen ihre Besucher zum Stöbern und können Menschen dabei helfen, Ihre Arbeit zu entdecken. Infolgedessen haben einige Motive mehrere Portfolios: Fotos auf Flickr, Zeichnungen auf DeviantArt, Web-Inhalte auf Dribbble und so weiter. Greif empfiehlt diese Strategie jedoch nicht. 'Ich glaube, Sie werden eine bessere Rendite erzielen, wenn Sie sich auf eine einzelne Site konzentrieren und aktiv Teil dieser Community sind, anstatt Ihre Arbeit zu verbreiten. Und wenn Sie Portfolios an fünf verschiedenen Standorten haben, bedeutet dies fünfmal so viel Aufwand für deren Pflege, anstatt die eigentliche Designarbeit zu leisten. '

Aber Belsky teilt diesen Standpunkt nicht. „Sei deine eigene Agentur. Im Ernst “, sagt er. 'Erwarten Sie nicht, dass die Leute nur über Ihr Online-Portfolio stolpern und Sie einstellen. Sie müssen Ihre Arbeit auf Plattformen veröffentlichen, die die Entdeckung kreativer Talente unterstützen. Obwohl meine Tendenz offensichtlich auf Behance gerichtet ist, ermutige ich Sie, an vielen verschiedenen Standorten zu arbeiten und dann darauf zu achten, wo Sie die meisten Ansichten / Folgen und Traktion erhalten. “

04. Portfolio-Nrn

Unabhängig davon, wo Sie Ihr Portfolio ablegen, muss es nahezu perfekt sein: Während niemand Ihre Arbeit aufgrund des seltsamen Tippfehlers sofort ablehnen wird, können einige Fehler Show-Stopper sein. Wir haben Portfolios mit elementaren Fehlern gesehen: verwirrende Begrüßungsbildschirme; zu kleiner Text; inkonsistente und / oder zu komplexe Navigation; fehlende Kontaktinformationen; klischeehafte Fotografie; würdige Kopie; Fehlende Überprüfung der Website, Rechtschreibprüfung oder Testen in verschiedenen Browsern ... Wenn solche Portfolios sprechen könnten, würden sie 'Hilfe!' schreien.

Webdesign-Portfolio

Der Slogan von Matt Dempsey liefert viele Informationen in nur 17 Worten: Sie wissen sofort, was er tut und für wen er es tut

Sacha Greif ist verzeihender als wir. 'Ich würde sagen, dass die erste Regel bei der Bewertung von Portfolios darin besteht, niemals jemanden für einen offensichtlichen Designfehler direkt abzuwerten, egal wie empörend er auch sein mag', sagt er. 'Selbst wenn ein Designer Comic Sans für sein Portfolio verwendet, glaube ich, dass seine Arbeit eine faire Bewertung verdient.' Aber selbst er gibt zu, dass Arbeitgeber und potenzielle Kunden bei einigen Fehlern nach der Schaltfläche zum Schließen der Registerkarte greifen werden. Er identifiziert drei häufige Probleme: „Nur kleine Miniaturansichten oder Bilder mit schlechten Komprimierungsartefakten“; „Straßensperren wie Flash-Intros oder umfangreiche Animationen aufstellen, die den Zugriff auf Ihre eigentliche Arbeit erschweren“; 'Geben Sie keinen Kontext oder Details zu Ihrer Arbeit an.' Übermäßig kunstvolles Zuschneiden kann Miniaturansichten bedeutungslos machen - das Erstellen eines brandneuen Bildes ist oft eine bessere Idee - und übereifrige Bildoptimierung kann dazu führen, dass sie undeutlich erscheinen. Das Verknüpfen mit winzigen Screenshots kann ebenfalls schmerzhaft sein: Wenn immer möglich, kann das Verknüpfen mit der realen Sache, wenn es live ist, oder mit einem anständigen Bild, wenn dies nicht der Fall ist.

Der Hinweis ohne Straßensperren gilt auch dann, wenn Sie Flash- oder Animationsarbeiten präsentieren. Es ist besser, aus Ihrem Portfolio heraus auf die Arbeit zu verlinken, als Ihre besten Inhalte hinter einem riesigen Ladebildschirm zu verstecken: Die Person, die das Surfen durchführt, befindet sich möglicherweise auf einem Flash-freien iPad. Und achten Sie darauf, wie Ihr Portfolio auf mobilen Websites und in verschiedenen Auflösungen funktioniert, wenn Sie Responsive Design-Fähigkeiten fördern: Wir sind sicher, dass wir nicht die einzigen sind, die das Wort 'Responsive' auf einer Website sehen. Starten Sie das Smartphone oder ändern Sie die Größe des Browserfensters, um zu sehen, was passiert.

Der größte Fehler von allen ist jedoch, durchschnittlich zu sein: Ihr Portfolio sollte Ihre beste Arbeit zeigen und auf die bestmögliche Weise präsentiert werden. Scott Belsky sagt: „Erfolgreiche Portfolios erzählen eine Geschichte. Sie sind nicht nur ein paar Bilder; im Gegenteil, sie offenbaren Prozess und Persönlichkeit. “ Sie sind großartig und Ihr Portfolio sollte es beweisen.

Dieser Artikel erschien erstmals in Ausgabe 231 des .net-Magazins - dem weltweit meistverkauften Magazin für Webdesigner und -entwickler.

Mochte dies? Lese das!