5 inspirierende Webdesign-Fallstudien

Die Realität des Webdesigns ist, dass Sie nach Abschluss eines Projekts hoffentlich direkt zum nächsten übergehen. Jede Website, die Sie bereitstellen, ist jedoch ein wesentliches Portfolio-Element, das Ihre Fähigkeiten und Fertigkeiten demonstriert. Während Sie normalerweise auf Ihre letzten Arbeiten auf Ihrer Website verlinken möchten, lohnt es sich, die Arbeit ordnungsgemäß auszuführen.

Anstatt einfach einen Screenshot von a zu machen Zielseite Wenn Sie einen Link zu Ihrem Online-Portfolio hinzufügen und eine ansprechende Fallstudie zu Ihrer Arbeit verfassen, kann dies viel lohnender sein. Fallstudien müssen keine langwierigen Aufsätze sein. Sie müssen den Lesern nur einen Vorgeschmack auf Ihren Prozess geben und einen Einblick in die Herausforderungen geben, denen Sie im Verlauf eines Webbuilds begegnet sind, und wie Sie sie gelöst haben.

Sie sind eine großartige Möglichkeit, potenzielle Kunden über Ihre Arbeitsweise zu informieren, und sie können auch andere Designer und Entwickler inspirieren. Hier sind fünf unserer jüngsten Lieblingsbeispiele.



01. Museum für Wissenschaft und Industrie von Chicago

Webdesign-Fallstudien: Museum für Wissenschaft und Industrie in Chicago

DogStudio hat mit dieser Seite einen gewaltigen Job übernommen und geliefert(Bildnachweis: DogStudio)

Für eine wirklich inspirierende Fallstudie ist es schwer zu schlagen Das umfangreiche Stück von DogStudio Chronik seiner Arbeit für das Museum für Wissenschaft und Industrie von Chicago. Das Museum ist eine riesige und hoch angesehene amerikanische Institution, und Sie können nicht anders, als den Eindruck zu erwecken, dass DogStudio deutlich über seinem Gewicht lag, als es den Auftrag erhielt, seine Webplattform zu überdenken und zu überarbeiten, aber wie diese Fallstudie zeigt, ist dies der Fall trug den Job mit Gelassenheit weg.

Vollgepackt mit aufschlussreichen Drahtgittern, Bildern und Animationen bietet es einen faszinierenden Einblick in ein riesiges und herausforderndes Gebäude, das mehr als fünf Millionen Online-Besuchern gerecht werden musste, die alles tun wollten, vom Kauf von Tickets bis hin zum Herausfinden, wo sie parken und Informationen über einzelne Exponate finden können .

02. National Geographic: Eine Bärenperspektive von Yellowstone

Webdesign-Fallstudien: National Geographic: Ein Bär

Eine Fallstudie muss nicht wortreich sein. Lass die Bilder sprechen(Bildnachweis: Hallo Montag)

Manchmal ist es besser zu zeigen als zu erzählen. Für diesen faszinierenden Blick auf den Yellowstone-Nationalpark, der von vier Bären mit Kamerahalsbändern und GPS gesehen wurde, hatte Hello Monday eine Fülle von Filmmaterial, Daten und Expertenanalysen zur Verfügung. Und anstatt auf trockene Details einzugehen, wie alles zusammenpasst, hält es die Dinge kurz in seiner Fallstudie Geben Sie einen kurzen Überblick über das Projekt und die Ergebnisse, bevor Sie mit einem vollständig visuellen Aufsatz fortfahren, der zeigt, wie viel Arbeit in die Erstellung dieser digitalen Funktion gesteckt wurde.

Neben einer guten Portion Filmmaterial und Screenshots, die zeigen, worum es auf der Website geht, ist das, was wir an dieser Studie wirklich lieben, ein Abschnitt darüber, wie Hello Monday dem Projekt seine eigene Persönlichkeit verlieh und dem Feature mit Animation und Aquarell zusätzliches Leben einhaucht Illustrationen und Bleistiftporträts jedes Bären.

03. Es war einmal in… Hollywood

Webdesign-Fallstudien: Es war einmal in… Hollywood

Wenn Sie einen innovativen Ansatz für ein Projekt gefunden haben, konzentrieren Sie sich darauf(Bildnachweis: Watson)

Quentin Tarantinos Es war einmal in ... Hollywood ist ein Liebesbrief an das Kino der 1960er Jahre, der seine Ära mit Tarantinos typischer Liebe zum Detail nachbildet. Und um eine Online-Präsenz zu schaffen, die sowohl das Hollywood-Gefühl von 1969 als auch den Film einfängt, hat die LA-Agentur Watson die Extrameile unternommen, um ein digitales Magazin zu erstellen, das den Eindruck erweckt, es hätte vor 50 Jahren von einem Zeitungskiosk kommen können.

In dieser Fallstudie Das Watson-Team erklärt nicht nur das Denken hinter dem Magazin und seine pechvollendeten Anzeigen, sondern auch, wie sie eine physische Auflage des Magazins erstellen, die bei der Premiere und den Vorführungen am ersten Abend verteilt wurde, und eine ganz andere soziale Begeisterung hervorrufen Filmfans haben Aufnahmen ihrer Zeitschrift gepostet, um zu beweisen, dass sie dort waren. Wenn Sie nach Ideen suchen, wie Sie eine starke soziale Kampagne durchführen können, finden Sie hier großartiges Material.

04. Britisches Rotes Kreuz

Webdesign-Fallstudien: Britisches Rotes Kreuz

Hier leistet Kota einen großartigen Beitrag zur Kommunikation der Herausforderungen dieses Projekts und seiner Bewältigung(Bildnachweis: Stadt)

Kotas Fallstudie über seine jüngste Arbeit mit dem Britischen Roten Kreuz ist ein klares und prägnantes Stück, das wertvolle Einblicke in die Herausforderungen - und Chancen - der Arbeit an einer Kampagne mit einer Institution mit klaren Markenrichtlinien bietet, die eingehalten werden müssen. Im Fall der OneKindThing-Kampagne des Britischen Roten Kreuzes musste Kota eine Plattform schaffen, die sich von früheren Kampagnen abhebt und dabei die ziemlich epischen Markenrichtlinien der Gesellschaft einhält.

Mit einer Handvoll Bilder und ein paar Absätzen skizziert Kota, wie es genau das geschafft hat, und deckt auch einige der technischen Hürden ab, die überwunden werden mussten, um die fertige Site zu liefern. Das Endergebnis hat sich gelohnt, wie das Zeugnis des Britischen Roten Kreuzes am Ende der Fallstudie zeigt.

05. Stonewall für immer

Webdesign-Fallstudien: Stonewall Forever

Ein detaillierter Blick auf ein wichtiges und technisch anspruchsvolles Projekt(Bildnachweis: Stink Digital)

Anlässlich des 50-jährigen Jubiläums der Stonewall-Unruhen, einer Veranstaltung, die zur Entstehung der Pride-Bewegung beigetragen hat, hat Stink Digital in Zusammenarbeit mit dem LGBT-Community-Center Stonewall Forever entwickelt, ein umfassendes digitales Erlebnis mit wichtigen Erzählungen und bisher unerhörten Geschichten aus der LGBTQ + -Geschichte.

Die Fallstudie von Stink Digital erklärt wie es ein lebendiges Denkmal baute bis 50 Jahre Stolz, ansässig in Christopher Park, New York, aber überall über eine Website oder eine AR-App zugänglich, und geht auf einige Details der Herausforderungen bei der Erstellung eines WebGL-Denkmals ein, das aus über 10.000 einzelnen Shards mit Nachbearbeitungseffekten besteht. läuft aber immer noch mit 60 fps, auch auf Low-End-Geräten.

Abgesehen von den technischen Herausforderungen ist dies jedoch ein spannendes und aufschlussreiches Stück eines Projekts, das das Leben vor, während und nach den Stonewall-Unruhen erforscht.

Zum Thema passende Artikel: