Ideen für die Präsentation Ihrer Online-Portfolioarbeit

Ein Online-Portfolio ist meistens inhaltsorientiert, wobei der Benutzer die Initiative ergreifen muss, um durch die Website zu blättern. Ihr Ziel ist es, Ihre Arbeit übersichtlich zu präsentieren und die Benutzer zum Herumklicken zu animieren.

In diesem Beitrag möchte ich einige Techniken vorstellen, mit denen Besucher tiefer in Ihre Portfolioarbeit einsteigen können. Es gibt viele verschiedene Möglichkeiten, dies zu tun, einige Leute fügen einfach statische Seiten hinzu, während andere Diashows und vollständige Fallstudien hinzufügen.

Zugegeben, die Art Ihrer Arbeit spielt beim Design Ihrer Website eine Rolle. Aber diese Tipps sind universell und können für jede Portfolio-Site im Internet gelten.

Dynamische Kategorien

Wenn Sie viele verschiedene Arten von Arbeit erledigen, sollten Sie versuchen, Ihrer Portfolio-Seite dynamische Sortierungs-Tags hinzuzufügen. Auf diese Weise können Besucher die Arbeit durchsuchen, die sie sehen möchten, anstatt alles zu überfliegen, was Sie getan haben.

Beispielsweise kann ein Digitaldesigner viele verschiedene Arten von Arbeiten haben und jeder Portfolioeintrag kann unterschiedliche Fähigkeiten aufweisen. Diese Kategorien könnten wie folgt aufgeteilt werden:

• Identitätsdesign
• Icon-Design
• Webseiten
• Mobile Apps
• UI/UX-Wireframing

Wenn Sie dynamische Kategorien erstellen, können Besucher jede einzeln durchsuchen. Dadurch wird das Surfen auf der Website viel schneller und es ist die beste Art, Portfolioarbeiten zu präsentieren.

Das Hero-Thema ist ein gutes Beispiel für diese Kategoriesortierung in Aktion. Die Hauptseite des Portfolios verwendet kleine Tag-Links oben, um verschiedene Projektstile zu organisieren.

Wenn der Benutzer auf einen Kategorielink klickt, blendet das Portfolio automatisch alle Projekte außer denen aus, die der Kategorie hinzugefügt wurden. All dies wird von WordPress im Backend gesteuert, sodass Sie nur Projekte zu Ihrer Website hinzufügen und entsprechend organisieren müssen.

Viele WordPress-Portfoliothemen sind standardmäßig mit diesen Funktionen ausgestattet und sie sind fantastisch. Sie können ein weiteres Beispiel im Beckett-Theme sehen, das einfache Textlinks verwendet.

Beachten Sie jedoch, dass es sich bei beiden Beispielen im Grunde um Vollbilddesigns handelt und das Portfolio den größten Teil des Platzes auf der Seite einnimmt.

Dynamische Kategorien funktionieren am besten, wenn sie einfach zu verwenden und leicht zu durchsuchen sind. Diese Beispiele bieten einen großartigen Ausgangspunkt und Sie können diese Themen sogar für Ihre eigene Website verwenden, wenn sie zu Ihrem Designstil passen.

Projektfoto-Diashows

Die überwiegende Mehrheit der Projekt-Slideshows wird als zusätzliche Elemente auf einer Portfolio-Projektseite verwendet. Diese Diashows fügen der Seite, auf der Sie mit einem Klick durch die Fotos blättern können, eine gewisse Detailebene hinzu.

Ich mag Diashows, weil sie einen Einblick in den Workflow bieten, ohne viel Platz zu beanspruchen. Aber Sie sollten sie sparsam verwenden.

Manchmal ziehen Besucher es vor, eine Galerie mit Miniaturansichten auf einmal durchzublättern. Aber Diashows haben ihren Platz, wenn sie nicht zu groß sind und nicht zu viele Dias haben (sagen wir unter 15).

Bramble unterstützt Bild-Diashows auf den Portfolio-Seiten und sie reagieren auch vollständig. Auf diese Weise können Sie Fotos schnell durchsuchen und es gibt zwei verschiedene Methoden zur Navigation:

• Pfeile nach links/rechts
• Punktnavigation für jede Folie

Smartphone-Benutzer können diese Diashow dennoch problemlos durcharbeiten und den vollen Effekt erzielen. Aber es gibt auch ein Argument für Thumbnails, da der Benutzer tippen kann, um das Foto zu vergrößern.

Ihre ideale Portfolio-Diashow hängt von der Art Ihrer Arbeit ab. Wenn Ihre Aufnahmen horizontal in einen Schieberegler passen, sollten Sie unbedingt einen zu Ihrer Projektseite hinzufügen.

Oder Sie können sogar einen zu Ihrer Homepage hinzufügen, wie im Oshine-Thema. Speziell diese Demo, die Innenarchitektur und Architektur präsentiert.

Dieser einzigartige Stil eignet sich gut für Fotografen, Digitaldesigner und Digitalkünstler. Diese Arbeitsstile sind in der Regel ziemlich groß und passen gut in eine Vollbild-Diashow.

Homepage-Slider ziehen sofort die Aufmerksamkeit auf sich, sodass sie auch dabei helfen, auf einen Blick genau das zu verkaufen, was Sie tun.

Stellen Sie einfach sicher, dass Sie sich ein wenig über Karussells informieren, um einige Best Practices für die Navigation und automatische Weiterleitung zu lernen.

Modale Boxen

Dies ist meine bevorzugte Technik zur Präsentation von Portfolioarbeiten. Die modale Fensterbox erscheint „oben“ auf der Seite, indem der darunter liegende Inhalt ausgegraut wird.

Dies erfolgt normalerweise in Form einer Bildergalerie, in der der Benutzer durch viele Projektbilder auf einmal klicken (oder wischen) kann. Da das modale Fenster oben auf der Seite erscheint, kann es die gesamte Seite einnehmen, ohne den Benutzer mit einem neuen Tab zu belästigen.

Ein fantastisches Beispiel dafür ist das Vitae-Thema auf ThemeForest. Es enthält Lightbox-Modals auf jeder Portfolio-Elementseite, auf die Sie klicken können, um eine größere Ansicht des Bildes anzuzeigen.

Ich persönlich bevorzuge den dunkleren Hintergrund, da dies wirklich den Kontrast zwischen dem modalen Fenster und dem Inhalt erhöht. Einige Themen wie Vitae verwenden einen helleren Hintergrund und das funktioniert auch gut.

Das Ziel ist es, die Benutzerinteraktion zu erhöhen, indem dieses Modal über der gesamten Seite erzwungen wird. Wenn Sie dies mit einem modalen Popup-Fenster tun, kann es sehr nervig sein. Aber es funktioniert überraschend gut für Portfolio-Inhalte, wenn der Benutzer es erwartet.

Ich empfehle dies hauptsächlich für Galerieelemente, bei denen Sie viele Fotos haben, die Sie in einer Serie präsentieren möchten. Dunkle modale Fenster können auch vollständige Portfolio-Elemente wie beim Honshi-Design darstellen.

Wenn Sie eine Reihe von Fotos haben, die in einem Satz zusammenpassen, sollten Sie sie mit modalen Diashows ausführen. Oder wenn Sie ein Designer sind, können Sie verschiedene Phasen Ihrer Arbeit in eine Diashow einfügen, fast wie eine Progression von Anfang bis Ende.

Jede Art von visueller Portfolio-Site kann von modalen Fenstern profitieren. Sie möchten mit dieser Funktion einfach ein Portfolio-Thema finden und es auf natürliche Weise in Ihre Projektseiten aufnehmen.

Ganzseitige Fallstudien

Es ist immer gut, neben Ihrer Portfolioarbeit einige schriftliche Inhalte hinzuzufügen. Auf diese Weise können sich die Besucher ein Bild davon machen, wie das Projekt aussieht, welche Arbeit Sie geleistet haben und wie Sie von der ersten Planungsphase bis zur Fertigstellung vorgegangen sind.

Fallstudien eignen sich am besten, um ein vollständiges Bild des Projekts zu vermitteln. Natürlich sollten Sie viele Fotos auf der Seite haben, aber auch persönliche Anekdoten und Listen, die Ihren gesamten kreativen Prozess aufschlüsseln.

Besucher möchten mehr darüber erfahren, was Sie tun. Diese Fallstudien bauen Vertrauen auf und präsentieren Sie als Autorität auf diesem Gebiet.

Mandala ist ein hervorragendes Thema, das zeigt, wie einfach Fallstudien aussehen können.

Der obere Abschnitt enthält ein Beispielfoto des Projekts sowie zusätzliche Details wie das Projektdatum, die Kategorie, den Namen des Kunden und eine kurze Projektübersicht.

Geben Sie den Lesern die Möglichkeit, hinter die Kulissen zu blicken und mehr über Ihre Arbeit zu erfahren. Visuals helfen, aber sie zeigen nur einen Teil der Geschichte.

Indem Sie Fallstudien schreiben, können Sie Ihre häufigsten Probleme erklären und wie Sie sie gelöst haben, zusammen mit Ihrem Brainstorming-Prozess, um coole Ideen zu entwickeln.

Wenn Sie fotografieren, haben Sie wahrscheinlich nicht so viel zu schreiben. Das Dazzle-Thema zeigt jedoch, dass nur ein bisschen Inhalt viel bewirken kann.

Ihr Portfolio-Thema enthält Dutzende von Stilen. Einige haben kleine Informationen über das Projekt, andere haben mehr Details auf der Projektseite. Aber so oder so können Sie viel lernen, indem Sie sich die vielen Stile ansehen, die dieses Thema bietet.

Nehmen Sie Fallstudien und machen Sie sie wirklich zu Ihren eigenen. Fügen Sie gerade genug Informationen hinzu, um sie für Besucher wertvoll zu machen, ohne eine vollständige Dissertation zu schreiben.

Einpacken

Die Präsentation Ihrer Portfolioarbeit ist nicht immer einfach. Es unterscheidet sich je nach Art der Arbeit und wie viele Projekte Sie haben.

Aber die Trends, die ich oben aufgelistet habe, funktionieren gut für so ziemlich alles, von Grafikdesign über Fotografie, Animation, UI-Arbeit oder irgendetwas anderes. Benutzerdefinierte Diashows, Kategoriensortierung, modale Fenster und Fallstudien können alle das Engagement auf Ihrer Portfolio-Website radikal steigern.

Wenn Sie Ihre eigene Portfolio-Site noch nicht gestartet haben, sollten Sie sich unseren Artikel zum Erstellen einer WordPress-Portfolio-Site ansehen, in dem wir erklären, wie Sie Hosting und ein Thema für Ihr Online-Portfolio einrichten.