Aussagkräftiger Hero Shot für Perian

Perian ist die weltweit erste Sky Computing Plattform, die es Unternehmen ermöglicht, ihre GPU-Ressourcen effizient und kostengünstig zu nutzen, ohne sich um die zugrunde liegende Infrastruktur kümmern zu müssen. Um diese technologische Innovation auf der Webseite auf den ersten Blick erkennbar zu machen, wurde ein aufmerksamkeitsstarker Hero Shot entwickelt. Dieser sollte die Marke Perian visuell unterstreichen und die Besucher:innen gezielt ansprechen. Die 3D-Illustration vermittelt sofort Kompetenz und Innovationskraft und verbessert das Nutzererlebnis.

UI Design

UX/UI

Webentwicklung

<h2 dir="ltr">Was ist ein Hero Shot?</h2> Ein Hero Shot ist das zentrale visuelle Element auf einer Webseite, das sich in der Hero Section, dem prominentesten Bereich der Seite, befindet. Seine Hauptaufgabe ist es, innerhalb weniger Sekunden die Aufmerksamkeit der Besucher:innen zu fesseln und eine klare visuelle Botschaft über das Unternehmen, sein Produkt oder seine Dienstleistung zu vermitteln.  Der Hero Shot für Perian wurde so gestaltet, dass er nicht nur ästhetisch ansprechend ist, sondern auch die technologische Exzellenz des Unternehmens widerspiegelt.

<h2 dir="ltr">Herausforderungen</h2> Die Herausforderung bestand darin, eine markenkonforme Designlösung zu entwickeln, die sich nahtlos in Perians hochwertiges Corporate Design einfügt und gleichzeitig die technologischen Stärken der Plattform direkt vermittelt. Ohne ein visuell dominierendes Element riskierte man, dass potenzielle Kund:innen nicht sofort erkennen, welche Lösung Perian bietet und welchen Mehrwert die Plattform hat. Der Hero Shot musste daher nicht nur ästhetisch ansprechend, sondern auch informativ und einzigartig sein. Zudem war die Wahl der richtigen Animationsart wichtig, um eine skalierbare, leicht implementierbare Lösung mit geringer Dateigröße und verbessertem Nutzererlebnis zu finden. Zahlreiche Design-Iterationen waren nötig, um die ideale Balance zwischen Ästhetik, Markenidentität und Nutzeransprache zu erreichen – im vorgegebenen Budgetrahmen.

Lösung

Um den Anforderungen gerecht zu werden, setzten wir einen flexiblen Designprozess auf, der durch enge Zusammenarbeit mit Perian und regelmäßige Feedbackschleifen geprägt war. Der Design Thinking Ansatz half dabei, eine optimale Lösung zu entwickeln. <ul> <li dir="ltr" aria-level="1"> Analyse und Konzeptentwicklung </li> <li dir="ltr" aria-level="1"> Iterative Designentwicklung </li> <li dir="ltr" aria-level="1"> Technische Umsetzung </li> </ul>

Eine schwarze, vernetzte Weltkugel mit Icons von verschiedenen Firmen.

Analyse und Konzeptentwicklung

Wir erarbeiteten ein klares Verständnis für Marke, Zielgruppe und Kernbotschaft und definierten die visuelle Richtung durch Moodboards. Verschiedene Konzeptideen führten zur finalen Ausarbeitung.

Iterative Designentwicklung

Mit Figma wurden Design-Konzepte schnell erstellt und verfeinert, während direkte Kundenbeteiligung durch die Kommentarfunktion schnelles Feedback ermöglichte.

Technische Umsetzung

Eine 3D-Illustration wurde entwickelt, SVG-Grafiken mit Adobe Illustrator animiert und mit Rive für eine skalierbare, performante Webumsetzung exportiert.

Das Ergebnis

Durch den strukturierten, kollaborativen Prozess entstand eine Hero Section, die Perians Markenbotschaft klar und prägnant vermittelt. Die animierte 3D-Illustration zieht sofort die Aufmerksamkeit auf sich und unterstreicht das Image von Perian als innovativen Cloud-Dienstleister. Der Hero Shot weckt die Neugier der Besucher:innen, zeigt den Unternehmenswert und steigert die Verweildauer auf der Webseite. Dank der visuellen Gestaltung wird nun das Markenimage von Perian als innovativer, global agierender Dienstleister gestärkt.

Wir sind gespannt, von deinem Projekt zu hören!

Zum Kontaktformular

Kundenstimme

Das sagt Perian über uns

typedigital hat sofort verstanden, was Perian ausmacht – und das sieht man. Die neue Hero-Section bringt unsere Vision auf den Punkt: modern, klar und wirkungsvoll. Die Zusammenarbeit war unkompliziert, professionell und auf Augenhöhe. Eine klare Empfehlung für alle, die digitale Projekte umsetzen wollen.