Inspiration

10 geniale Webflow Portfolio Websites

Level:

Das Webflow etablierten CMS wie WordPress in nichts nachsteht, beweisen die zahlreichen tollen Webflow Webseiten da draußen.

Webflow eignet sich auch für die Erstellung von Portfolio Webseiten. Wie cool diese dank Webflow aussehen können, möchte ich euch an 10 - echt guten - Beispielen zeigen.

10 geniale Webflow Portfolio Websites

Joseph Berry Portfolio

Joseph Berry Portfolio Website Layout

Wenn der Gewinner eines englischen Design Awards am Werk ist, kann dabei nur Großartiges entstehen. Erst recht, wenn das kreative Genie auch noch mit Webflow arbeitet.

Die Portfolio Website von Joseph Berry ist simpel und genial. Mit einfachen Scroll-Bewegungen schweben die Showcases des Designers von rechts in die Mitte des Bildschirms. Wer mehr Details zu einem einzelnen Projekt haben möchte, klickt es einfach an. Dann kann man sich von oben nach unten durch den Showcase scrollen, der sich Stück für Stück aufbaut. Mega.

Achja: Check mal das Maus Icon und seine Funktionen aus.

Website: www.joseph-berry.webflow.io

Eun Jeong Yoo Portfolio

Eun Jeong Yoo Portfolio Website Layout

Eun Jeong Yoo, Illustrator & Art Director aus Seoul, wartet mit einer Portfolio Website auf, die gleich eine ganze Bandbreite cooler Webflow Funktionen in sich vereint. Erstaunlich: Der Designer nutzt Webflow erst seit wenigen Monaten und hat sich mit der Software das Web Development quasi eigenständig angeeignet.

Auch hier läuft alles über's Scrollen. Die Elemente der Website faden langsam auf. Zurückhaltende Animationen, wie sich bewegende Sterne oder auch Effekte wie Kampagnen-Vorschau-Bilder beim überfliegen der Projekte, machen dieses Webflow Designer Portfolio aus.

Website: www.eunjeongyoo.com

Relume Portfolio

Relume Portfolio Website Layout

Das Team von Relume hat sich Website-Erstellung für autarke Kunden auf die Fahnen geschrieben. Warum autark? Die Designer liefern Websites aus, deren Verwaltung und Updates die Kunden selbst übernehmen können.

Mit ihrer Webdesigner Website zeigen sie ihr Können. Bereits auf der Startseite präsentieren sie ihr Portfolio. Mit der Webflow Slideshow ist es gebaut. Man slidet also durch die Projekte, die bei Berührung mit dem Mauszeiger die komplette Website sichtbar machen (sie fährt langsam nach oben und unten). Das cleane Design besticht am meisten!

Website: www.relume.io

Heco Portfolio

Heco Portfolio Website Layout

Heco is ein Design Studio in Chicago. Die Inhaber JT Helms und Matt Cowen haben sich der  Verbesserung der User Experience verschrieben - und zeigen ihr Können direkt mit ihrem in Webflow gebauten Portfolio.

Ihr Portfolio lebt von durchdachten Scroll Interaktionen und fadenden Hintergründen - abgerundet durch eine coole Slideshow. Schau einfach mal auf der Website vorbei, dann siehst du, was ich meine.

Website: www.helloheco.com

Ambre Margerit Portfolio

Ambre Margerit Portfolio Website Layout

Bäm! Wer auf der Portfolio Website der französischen Webdesignerin Ambre Margerit vorbeischaut, wird direkt von einer riesigen Typo eingenommen. Das Geniale daran: Sie fungiert als Navigationsmenü. Bei Klick auf den gewünschten "Menüpunkt" wird der Vorhang für die entsprechende Unterseite geöffnet.

Auch innerhalb der Projekte besticht die Website durch schöne Animations-Effekte und tolle große Bilder. Das Beste: Diese Webflow Website bedient immer responsive den ganzen Screen - egal ob kleiner Bildschirm oder großer 27" Monitor.

Website: www.ambremargerit.com

Übrigens: Ähnlich umgesetzt - und doch anders - ist die Portfolio Website des texanischen Designers Steven Hanley (Website: www.steven-hanley.com).

Segern Portfolio

Segern Portfolio Website Layout

Und erstmal ist alles schwarz. Nur ein kleines einsames Segern-Logo fällt ins Auge. Doch wer ein paar Sekunden abwartet, dem wird die ganze Welt der Segern Website eröffnet.

Durch Scrollbewegungen nach unten, bewegt man sich durch die Website bis an die Stelle, an der die bisherigen Projekt als coole Slideshow präsentiert werden. Durch das Tempo der Scrollbewegung bestimmst du die Geschwindigkeit der Slidebewegungen. Ist die Slideshow einmal komplett durchgescrollt, geht es weiter. Mit auffadenden Texten, Bildern und mehr.

Website: www.segern.com

Holy Moly Creative Studio Portfolio

Holy Moly Creative Studio Portfolio Website Layout

Feminin und wunderschön clean kommt die Portfolio Website der Designerin Jenna aus Kapstadt daher. Das Layout und die intuitive Navigation sind einfach bestechend.

Die Designerin hält es bewusst schlicht, verzichtet allerdings nicht auf die Möglichkeit die Scroll into View-Funktion als Trigger einzusetzen, abgerundet durch eine Bewegungsanimation. Sehr schön gemacht.

Website: www.holymolycreativestudio.com

CJ Hersh Portfolio

CJ Hersh Portfolio Website Layout

Kaum ist die Website von CJ Hersh geladen, erscheint ein Schriftzug, der in aller Kürze erklärt, was die Stärke des Produtkdesigners aus San Francisco ist. Wer jetzt nach unten scrollt, kommt zur Slideshow mit den Projekten des Designers. Klicken, Maustaste gedrückt halten und ziehen - so bewegt man die Slideshow super intuitiv.

Das Design Work Portfolio erreichst du direkt darunter durch Klick auf den Button "View Design Work". Jetzt erscheint das super cleane Portfolio, sortiert nach Kategorien.

Website: www.design.cjhersh.com

Mack & Pouya Portfolio

Mack & Pouya Portfolio Website Layout Screenshot

Mal kein Design-, sondern ein Fotografie-Portfolio. Macks und Pouyas Website ist schrill, bunt - und voller cooler Webflow Animationen. Langsam einfadende Schriften, verspielte Animationen und fröhliche Slideshows mit Bildern ihrer Arbeit (die mit Klick auf das Pinterest Symbol direkt im Social Network geöffnet werden), machen die Seite aus.

Das Coolste an der Website ist aber mit Abstand der BUILD YOUR OWN PACKAGE Bereich auf der Startseite. Per Klick auf Schieberegler, kreieren potentielle Kunden ihr Fotografie-Paket und bekommen direkt den finalen Preis angezeigt. Genial!

Website: www.mackandpouya.com

Moritz Petersen Portfolio

Moritz Petersen Portfolio erstellt in Webflow

Jetzt mal etwas von der deutschen Konkurrenz ^^ Moritz Petersen ist Webflow Experte und spezialisiert auf Web Design. Auch er arbeitet mit der Scroll into View-Funktion als Trigger und einfadenden Elementen.

Richtig cool ist die Animation auf der Startseite, bei der ein Website-Entwurf sich auf den Bildschirm eines Laptops bewegt. Daumen hoch dafür! Ahja, unten links befindet sich ein Button, mit dessen Hilfe man sich die Website im Dark- oder Light Mode anzeigen lassen kann. Außerdem lässt sich die Sprache zwischen Deutsch und Englisch switchen.

Website: www.moritz-petersen.de