Case Study
03.06.2025
Powerful Hero Image for Perian
Perian is the world’s first Sky Computing platform, enabling companies to use their GPU resources efficiently and cost-effectively—without having to manage the underlying infrastructure. To make this technological innovation immediately recognizable on the website, an eye-catching hero shot was developed. It visually reinforces the Perian brand and speaks directly to visitors. The 3D illustration instantly conveys expertise and innovation, while enhancing the overall user experience.
UI design
UX/UI
web development
<h2 dir="ltr">Was ist ein Hero Shot?</h2>
<p dir="ltr">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. </p>
<p dir="ltr">Der Hero Shot für Perian wurde so gestaltet, dass er nicht nur ästhetisch ansprechend ist, sondern auch die technologische Exzellenz des Unternehmens widerspiegelt.</p>
<h2 dir="ltr">Herausforderungen</h2>
<p dir="ltr">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.</p>
<p dir="ltr">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.</p>
Lösung
<p dir="ltr">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.</p>
<ul>
<li dir="ltr" aria-level="1">
<p dir="ltr" role="presentation">Analyse und Konzeptentwicklung</p>
</li>
<li dir="ltr" aria-level="1">
<p dir="ltr" role="presentation">Iterative Designentwicklung</p>
</li>
<li dir="ltr" aria-level="1">
<p dir="ltr" role="presentation">Technische Umsetzung</p>
</li>
</ul>
1
Analyse und Konzeptentwicklung
<p>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.</p>
2
Iterative Designentwicklung
<p>Mit Figma wurden Design-Konzepte schnell erstellt und verfeinert, während direkte Kundenbeteiligung durch die Kommentarfunktion schnelles Feedback ermöglichte.</p>
3
Technische Umsetzung
<p>Eine 3D-Illustration wurde entwickelt, SVG-Grafiken mit Adobe Illustrator animiert und mit Rive für eine skalierbare, performante Webumsetzung exportiert.</p>
Das Ergebnis
<p>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.</p>
Wir sind gespannt, von deinem Projekt zu hören!
Kundenstimme
Das sagt Perian über uns
<p>Die neue Hero-Section bringt unsere Vision auf den Punkt: modern, klar und wirkungsvoll. Die Zusammenarbeit war professionell, unkompliziert und auf Augenhöhe. Eine klare Empfehlung für alle, die digitale Projekte umsetzen wollen.</p>
Managing Director Perian
