Als Inspiration für dein Website Portfolio

Als Design arbeite ich jedes Jahr an meiner Projektseite um neue, aussagekräftige Case Studies hinzuzufügen. Sie sollen in erster Linie neue Kunden überzeugen und ihnen zeigen, dass ich auch ihnen helfen kann, ihre Ziele zu erreichen.

Dafür geht häufig mehr Zeit für Recherche drauf, als ich anfangs eingeplant hatte. Eine richtig inspirierende Case Study zu finden, ist nämlich gar nicht so einfach. Damit sich meine Suche aber auch gelohnt hat, wollte ich sie dir kurz in einem Artikel vorstellen. Diese Case Studies hier sind einige der besten die ich gefunden habe. Nicht nur von den Projekten her, sondern auch zum Teil schriftlich sehr gut aufgebaut (englisch und deutsch). Falls ich in Zukunft weitere sehe, binde ich sie hier mit ein.

Als Inspiration für dein Website Portfolio

Als Design arbeite ich jedes Jahr an meiner Projektseite um neue, aussagekräftige Case Studies hinzuzufügen. Sie sollen in erster Linie neue Kunden überzeugen und ihnen zeigen, dass ich auch ihnen helfen kann, ihre Ziele zu erreichen.

Dafür geht häufig mehr Zeit für Recherche drauf, als ich anfangs eingeplant hatte. Eine richtig inspirierende Case Study zu finden, ist nämlich gar nicht so einfach. Damit sich meine Suche aber auch gelohnt hat, wollte ich sie dir kurz in einem Artikel vorstellen. Diese Case Studies hier sind einige der besten die ich gefunden habe. Nicht nur von den Projekten her, sondern auch zum Teil schriftlich sehr gut aufgebaut (englisch und deutsch). Falls ich in Zukunft weitere sehe, binde ich sie hier mit ein.

Projekte sollten eine Geschichte erzählen

Das eigene Portfolio ist dein Aushängeschild, wenn es darum geht neue Kunden zu gewinnen. Es sollte deshalb so sorgfältig wie möglich aufgebaut sein.

Viele Agenturen oder Freelancer schreiben auf ihrer Website nicht viel zu ihren Projekten, sondern veröffentlichen überwiegend Bilder. Es geht bei Design Case-Studies ja auch oft um das Visuelle, trotzdem wollen viele Kunden auch den Lösungsweg zu einem speziellen Problem sehen und vor allem wissen, wie du ihnen helfen kannst, ihre Ziele zu erreichen. Und genau das habe ich mir für meine Projekte mehr vorgenommen. Es gibt so viele Gedanken, die hinter verschiedenen Layouts stecken, die die meisten auf den ersten Blick gar nicht wahrnehmen.

Auf was kommt es bei einer Case Study an?

Da dieser Beitrag über die letzten Jahre sehr häufig aufgerufen wurde, habe ich mich entschieden nochmal näher auf das Thema einzugehen und eine Anleitung zu schreiben, wie du eine Design Case Study erstellst, um damit auch neue Kunden über dein Portfolio anzuziehen. Anleitung: Eine Design Case Study Schritt für Schritt aufbauen

Homepage, Brand Design und Website Case Study Beispiele

Sie kommen aus unterschiedlichen Bereichen: Viel im Web und UI/UX Design aber auch aus der Marketing-Branche. Ich kommentiere jede Case Study nicht großartig, da du dir am besten selbst ein Bild vom Aufbau und Designprozess machen kannst.

zumtobel.us Web Design Case Study

Von Anton & Irene, einer kleinen Design Agentur in Brooklyn

Zumtobel Website Design Case Study

UBER Rebrand 2018

Komplett neues Erscheinungsbild zusammengefasst in einer richtig guten Case Study

Uber Rebrand Case Study

Amazon Prime Music App UI/UX Case Study

Von Simon Pan, UX Designer

Der Case Study ist zwar schon etwas älter, aber Simon geht sehr gut ins Detail und hebt die Punkte hervor, die aus der Sicht eines UX Designers relevant sind. Sehr umfangreich ist auch der etwas aktuellere Case Study von UBER. Auch zu finden auf seiner Website.

Amazon Prime Music App Vorschau

Clear Motion Case Study

Von Ueno, Digitalagentur

Clear Motion Website Vorschau

Google AMP UX Design und Entwicklung

Von Metalab

Ich denke vom Aufbau und Umfang her zeigt dieses Beispiel ganz gut, wie ein Case Study für dein Design Portfolio minimum aufgebaut sein sollte.

Kunst Website Vorschau Startseite

Auf deutsch: Landingpage Case Study

Von Jonas Arleth

Dieser Case Study zeigt einen guten Einblick in die Hintergründe einer ausführlich dokumentierten Podcast Landingpage. Enthalten ist außerdem eine Schritt für Schritt Anleitung zum perfekten One-Pager.

Website Landingpage Case Study Vorschau

Tinycards by Duolingo Brand (App) Design Case Study

Von Jack Morgan, Brand Designer

HAIRCVT Tinycards Case Study

Redesign von Ugmonk

Von Jeff Sheldon, Designer und Gründer von Ugmonk

Zugegeben geht es hier im Grunde nicht um ein Web-Projekt, sondern mehr um die CI, aber trotzdem sehr gut aufgebaut und beschrieben.

Ugmonk Redesign Case Study

Fashio Brand Online-Shop Design Case Study

Von BASIC, Designagentur

bb dakota Case Study

The World of Mitsubishi Electric

Eine deutsche Case Study einer aufwendigen Markenausstellung von Elastique

Zwar nicht direkt ein Web-Projekt, aber trotzdem schön und spannend gemacht!

Mitsubishi Markenausstellung Case Study

Casper Startseite

Web Design Case Study von Freelancer Jonnie Hallman

Eine kurze aber inhaltlich gute Case Study über die Startseite des bekannten Matratzen-Startups Casper.

Casper Case Study

Ecommerce Website Redesign

Iris von Arnim Brand Case Study von der Designagentur Appico

iris-von-arnim Case Study

Soundcloud App

Von Michael Nino Evensen, Designer

Geht sehr in die Tiefe und vermutlich auch zu lang für einen klassischen Case Study in deinem Portfolio, aber gerade als Designer kann man sich viele Einblicke abschauen.

Ein in der Hand liegendes iPhone mit geöffnetter Soundcloud App

Chrome Browser Desktop Redesign

Von Sebastien Gabriel, Designer bei Google

Für diesen Artikel brauchst du Zeit. Aber es lohnt sich! Ein so ausführlichen Case Study habe ich vorher noch nie gelesen. Hut ab für den Text und Inhalt!

Chrome Browser Redesign
Gute Web und UI/UX Design Case Study Beispiele (Text und Bilder)
  • Dieser Beitrag enthält eine Podcastfolge!

    Diese Kannst du direkt auf Patreon oder in einer Podcast App deiner Wahl anhören.

  • Dieser Beitrag enthält ein Video!

    Das Video wird dir auf Patreon freigeschalten.

Diesen Beitrag als Podcast hören

Projekte sollten eine Geschichte erzählen

Das eigene Portfolio ist dein Aushängeschild, wenn es darum geht neue Kunden zu gewinnen. Es sollte deshalb so sorgfältig wie möglich aufgebaut sein.

Viele Agenturen oder Freelancer schreiben auf ihrer Website nicht viel zu ihren Projekten, sondern veröffentlichen überwiegend Bilder. Es geht bei Design Case-Studies ja auch oft um das Visuelle, trotzdem wollen viele Kunden auch den Lösungsweg zu einem speziellen Problem sehen und vor allem wissen, wie du ihnen helfen kannst, ihre Ziele zu erreichen. Und genau das habe ich mir für meine Projekte mehr vorgenommen. Es gibt so viele Gedanken, die hinter verschiedenen Layouts stecken, die die meisten auf den ersten Blick gar nicht wahrnehmen.

Auf was kommt es bei einer Case Study an?

Da dieser Beitrag über die letzten Jahre sehr häufig aufgerufen wurde, habe ich mich entschieden nochmal näher auf das Thema einzugehen und eine Anleitung zu schreiben, wie du eine Design Case Study erstellst, um damit auch neue Kunden über dein Portfolio anzuziehen. Anleitung: Eine Design Case Study Schritt für Schritt aufbauen

Homepage, Brand Design und Website Case Study Beispiele

Sie kommen aus unterschiedlichen Bereichen: Viel im Web und UI/UX Design aber auch aus der Marketing-Branche. Ich kommentiere jede Case Study nicht großartig, da du dir am besten selbst ein Bild vom Aufbau und Designprozess machen kannst.

zumtobel.us Web Design Case Study

Von Anton & Irene, einer kleinen Design Agentur in Brooklyn

Zumtobel Website Design Case Study

UBER Rebrand 2018

Komplett neues Erscheinungsbild zusammengefasst in einer richtig guten Case Study

Uber Rebrand Case Study

Amazon Prime Music App UI/UX Case Study

Von Simon Pan, UX Designer

Der Case Study ist zwar schon etwas älter, aber Simon geht sehr gut ins Detail und hebt die Punkte hervor, die aus der Sicht eines UX Designers relevant sind. Sehr umfangreich ist auch der etwas aktuellere Case Study von UBER. Auch zu finden auf seiner Website.

Amazon Prime Music App Vorschau

Clear Motion Case Study

Von Ueno, Digitalagentur

Clear Motion Website Vorschau

Google AMP UX Design und Entwicklung

Von Metalab

Ich denke vom Aufbau und Umfang her zeigt dieses Beispiel ganz gut, wie ein Case Study für dein Design Portfolio minimum aufgebaut sein sollte.

Kunst Website Vorschau Startseite

Auf deutsch: Landingpage Case Study

Von Jonas Arleth

Dieser Case Study zeigt einen guten Einblick in die Hintergründe einer ausführlich dokumentierten Podcast Landingpage. Enthalten ist außerdem eine Schritt für Schritt Anleitung zum perfekten One-Pager.

Website Landingpage Case Study Vorschau

Tinycards by Duolingo Brand (App) Design Case Study

Von Jack Morgan, Brand Designer

HAIRCVT Tinycards Case Study

Redesign von Ugmonk

Von Jeff Sheldon, Designer und Gründer von Ugmonk

Zugegeben geht es hier im Grunde nicht um ein Web-Projekt, sondern mehr um die CI, aber trotzdem sehr gut aufgebaut und beschrieben.

Ugmonk Redesign Case Study

Fashio Brand Online-Shop Design Case Study

Von BASIC, Designagentur

bb dakota Case Study

The World of Mitsubishi Electric

Eine deutsche Case Study einer aufwendigen Markenausstellung von Elastique

Zwar nicht direkt ein Web-Projekt, aber trotzdem schön und spannend gemacht!

Mitsubishi Markenausstellung Case Study

Casper Startseite

Web Design Case Study von Freelancer Jonnie Hallman

Eine kurze aber inhaltlich gute Case Study über die Startseite des bekannten Matratzen-Startups Casper.

Casper Case Study

Ecommerce Website Redesign

Iris von Arnim Brand Case Study von der Designagentur Appico

iris-von-arnim Case Study

Soundcloud App

Von Michael Nino Evensen, Designer

Geht sehr in die Tiefe und vermutlich auch zu lang für einen klassischen Case Study in deinem Portfolio, aber gerade als Designer kann man sich viele Einblicke abschauen.

Ein in der Hand liegendes iPhone mit geöffnetter Soundcloud App

Chrome Browser Desktop Redesign

Von Sebastien Gabriel, Designer bei Google

Für diesen Artikel brauchst du Zeit. Aber es lohnt sich! Ein so ausführlichen Case Study habe ich vorher noch nie gelesen. Hut ab für den Text und Inhalt!

Chrome Browser Redesign