Aussagekräftiger Hero Shot für Perian: Visuelle Markenstärke trifft technologische Innovation

UI Design
UX/UI
Webentwicklung
Header Perian

Case Study

03.06.2025

Perian ist die weltweit erste Sky Computing Plattform, die Unternehmen ermöglicht, ihre GPU-Ressourcen effizient, flexibel und kostengünstig zu nutzen – ohne eigene Infrastruktur betreiben zu müssen. Um diese technologische Exzellenz direkt auf der Webseite erlebbar zu machen, entwickelten wir für Perian einen aufmerksamkeitsstarken Hero Shot, der Kompetenz, Innovation und Markenidentität vereint.

image 1

Diese Case Study zeigt,

wie wir mit einem starken visuellen Konzept den technologischen Anspruch von Perian sichtbar machten.

wie ein 3D-basierter Hero Shot das Nutzererlebnis verbessert und die Markenwahrnehmung stärkt.

wie durch optimierte Performance und skalierbare Animationen ein nachhaltiges Webdesign entstand.

Die Herausforderung: Technologie sichtbar machen

Perian stand vor der Aufgabe, eine hochkomplexe Cloud-Lösung sofort verständlich und visuell greifbar zu machen. Der Hero Shot sollte in wenigen Sekunden vermitteln, wofür die Plattform steht und gleichzeitig ästhetisch, markenkonform und technisch performant sein.

image 2

Herausforderungen im Überblick:

Entwicklung eines einzigartigen visuellen Ankers, der die Marke emotional auflädt.

Integration in das bestehende Corporate Design ohne visuelle Brüche.

Optimierung von Ladezeiten und Dateigrößen trotz 3D-Elementen.

Balance zwischen Design, Information und Performance innerhalb des Projektbudgets.

Unsere Lösung: Ein Hero Shot, der Innovation kommuniziert

In enger Zusammenarbeit mit Perian setzten wir auf einen iterativen, Design-Thinking-basierten Prozess – mit klaren Phasen, regelmäßigen Feedbackrunden und technischer Präzision.

Unsere Lösung: Ein Hero Shot, der Innovation kommuniziert

Wir definierten gemeinsam die Markenbotschaft, analysierten Zielgruppenbedürfnisse und entwickelten kreative Moodboards, um die visuelle Richtung festzulegen.
 Mehrere Konzeptideen führten schrittweise zum finalen Design, das Form, Farbe und Bewegung in Einklang brachte.

Mit Figma und direktem Kundenfeedback über die Kommentarfunktion entstanden innerhalb kurzer Zeit mehrere Designvarianten, die gezielt auf Wirkung, Konsistenz und Wiedererkennungswert geprüft wurden.

Für maximale Skalierbarkeit entwickelten wir eine animierte 3D-Illustration, optimierten Grafiken in Adobe Illustrator und setzten Animationen mit Rive um.

Unsere Lösung: Ein Hero Shot, der Innovation kommuniziert
Icon

Analyse & Konzeptentwicklung

Wir definierten gemeinsam die Markenbotschaft, analysierten Zielgruppenbedürfnisse und entwickelten kreative Moodboards, um die visuelle Richtung festzulegen.
 Mehrere Konzeptideen führten schrittweise zum finalen Design, das Form, Farbe und Bewegung in Einklang brachte.

Icon

Iterative Designentwicklung

Mit Figma und direktem Kundenfeedback über die Kommentarfunktion entstanden innerhalb kurzer Zeit mehrere Designvarianten, die gezielt auf Wirkung, Konsistenz und Wiedererkennungswert geprüft wurden.

Icon

Technische Umsetzung

Für maximale Skalierbarkeit entwickelten wir eine animierte 3D-Illustration, optimierten Grafiken in Adobe Illustrator und setzten Animationen mit Rive um.

Lass uns deine technologische Innovation sichtbar machen!

Jetzt unverbindliches Erstgespräch vereinbaren

Das Ergebnis: Sichtbare Innovation & messbarer Impact

Die neue Hero Section zieht sofort die Aufmerksamkeit der Besucher:innen auf sich, vermittelt Perians technologische Führungsrolle und stärkt das Markenimage nachhaltig.


Durch die klare visuelle Kommunikation entsteht ein professioneller, vertrauenswürdiger Ersteindruck – die Verweildauer steigt, die Conversion-Wahrscheinlichkeit ebenso.

Ergebnisse im Überblick:

  • Stärkeres Markenimage durch visuelle Differenzierung
  • Verbesserte Nutzererfahrung durch performante 3D-Animationen
  • Klarere Markenbotschaft innerhalb der ersten Sekunden
  • Höhere Aufmerksamkeit und Engagement im oberen Seitenbereich

Warum typedigital der ideale Partner war

In diesem Projekt konnten wir unsere Stärken als digitale Produktagentur voll ausspielen:

Partner

Visuelle Komplexitätsreduktion:

Unsere Stärke liegt darin, hochkomplexe Technologien in verständliche, visuelle Erlebnisse zu übersetzen, die Innovation greifbar machen.

Designgetriebene Innovation:

Durch die Kombination von UX/UI-Expertise und moderner Webentwicklung haben wir für Perian eine digitale Präsenz geschaffen, die technische Präzision mit emotionaler Tiefe vereint.

Markensynergie:

Das Ergebnis ist eine Markenkommunikation, die Technologie nicht nur erklärt, sondern sichtbar und erlebbar macht – für einen starken Auftritt am Markt.

Kundenstimme

Das sagt Perian über uns

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.

A Quotation mark
Bild von Christoph Neumaier

Christoph Neumaier

Managing Director Perian

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

Casestudy

Weitere Projekte, die wir 
mit unseren Kund:innen realisiert haben

Casual Profilbild von Jonathan Stütz