Powerful hero shot for Perian: Visual brand strength meets technological innovation
UI design
UX/UI
web development
Case Study
03.06.2025
Perian is the world’s first Sky Computing platform that enables companies to use their GPU resources efficiently, flexibly, and cost-effectively — without operating their own infrastructure. To make this technological excellence directly tangible on the website, we developed a high-impact hero shot for Perian that combines expertise, innovation, and brand identity.
This case study shows
How we made Perian’s technological ambition visible through a strong visual concept.
How a 3D-based hero shot improves user experience and strengthens brand perception.
How optimized performance and scalable animations resulted in a sustainable web design.
The Challenge: Making Technology Visible
Perian faced the challenge of making a highly complex cloud solution immediately understandable and visually tangible. The hero shot needed to communicate in just a few seconds what the platform stands for, while also being aesthetically refined, brand-consistent, and technically performant.
Challenges at a Glance:
Developing a unique visual anchor that emotionally elevates the brand.
Integration into the existing corporate design without visual inconsistencies.
Optimizing load times and file sizes despite the use of 3D elements.
Balancing design, information, and performance within the project budget.
Our solution: A hero shot that communicates innovation.
In close collaboration with Perian, we adopted an iterative, design thinking–based process — with clearly defined phases, regular feedback loops, and technical precision.
We jointly defined the brand message, analyzed target audience needs, and developed creative mood boards to establish the visual direction. Multiple concept ideas gradually evolved into the final design, aligning form, color, and motion into a cohesive experience.
Using Figma and direct client feedback via the commenting feature, multiple design variants were created in a short time and specifically evaluated for impact, consistency, and recognizability.
For maximum scalability, we developed an animated 3D illustration, optimized graphics in Adobe Illustrator, and implemented animations using Rive.
Analysis & concept development
We jointly defined the brand message, analyzed target audience needs, and developed creative mood boards to establish the visual direction. Multiple concept ideas gradually evolved into the final design, aligning form, color, and motion into a cohesive experience.
Iterative design development
Using Figma and direct client feedback via the commenting feature, multiple design variants were created in a short time and specifically evaluated for impact, consistency, and recognizability.
Technical implementation
For maximum scalability, we developed an animated 3D illustration, optimized graphics in Adobe Illustrator, and implemented animations using Rive.
Let’s make your technological innovation visible!
Schedule a non-binding initial consultation now
The outcome: Visible innovation and measurable impactThe new hero section immediately captures visitors’ attention, communicates Perian’s technological leadership, and sustainably strengthens the brand image.Through clear visual communication, it creates a professional and trustworthy first impression – increasing both time on site and conversion potential.Key results at a glance:Stronger brand image through visual differentiationImproved user experience through performant 3D animationsClearer brand message within the first secondsHigher attention and engagement in the above-the-fold area
Why typedigital was the ideal partner
This project allowed us to fully leverage our strengths as a digital product agency:
Visual Clarity & Complexity:
We excel at translating high-level technological complexity into intuitive visual experiences that make innovation tangible.
Design-Driven Innovation:
By merging UX/UI expertise with modern web development, we built a digital presence for Perian that seamlessly connects technical precision with emotional resonance.
Brand Synergy:
The result is a brand identity that doesn't just explain technology but brings it to life – creating a powerful and visible impact in the market.
Testimonial
Perian's testimony about us
The new hero section captures our vision perfectly: modern, clear, and impactful. The collaboration was professional, straightforward and on equal footing. A clear recommendation for anyone planning a digital project.
Managing Director Perian
We are excited to hear about your project!
Casestudy
Other projects that we have realized with our customers
Have we inspired your curiosity?
Let's create something big together!
Jonathan Stütz
Co-Founder & Design Lead
