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

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.

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.

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.

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.

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.
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.
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:

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.

Wir sind gespannt, von deinem Projekt zu hören!
Casestudy
Weitere Projekte, die wir mit unseren Kund:innen realisiert haben

Lern-Fair
Gamification der Lern-Fair App: Stärkung von User-Engagement durch innovative Spielmechaniken

Abimanufaktur GmbH
Redaktionssystem für die Abimanufaktur GmbH

BBS Automation
Softwareentwicklung für den Sondermaschinenbau: Der BBS Automation Designer

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

StrengthLab360 GmbH
Datengetriebenes Training für Athlet:innen und Coaches

Lern-Fair
Webappklikation für mehr Bildungsgerechtigkeit
Haben wir dein Interesse geweckt?
Lass uns gemeinsam Großartiges schaffen!
Jonathan Stütz
Co-Founder & Design Lead



