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><strong data-start="49" data-end="73">What is a Hero Shot?</strong></h2>
<p>A hero shot is the central visual element of a website, placed in the hero section—the most prominent area of the page. Its main purpose is to capture the attention of visitors within seconds and deliver a clear visual message about the company, its product, or service.</p>
<p>The hero shot for Perian was designed to be not only visually appealing but also to reflect the company’s technological excellence.</p>
<h2 data-start="49" data-end="531"><strong data-start="49" data-end="63">Challenges</strong></h2>
<p class="" data-start="49" data-end="531">The challenge was to develop a brand-aligned design solution that seamlessly integrates into Perian’s high-quality corporate identity while clearly conveying the technological strengths of the platform. Without a visually dominant element, there was a risk that potential customers would not immediately understand what Perian offers or the value of the platform. The hero shot therefore had to be not only visually compelling, but also informative and distinctive.</p>
<p class="" data-start="533" data-end="862">In addition, selecting the right type of animation was crucial to ensure a scalable, lightweight, and easy-to-implement solution that enhances the user experience. Numerous design iterations were required to strike the ideal balance between aesthetics, brand identity, and user engagement—while staying within the defined budget.</p>
Solution
<p class="" data-start="49" data-end="277">To meet the requirements, we established a flexible design process characterized by close collaboration with Perian and regular feedback loops. The Design Thinking approach helped us develop an optimal solution.</p>
<ul data-start="278" data-end="373">
<li class="" data-start="278" data-end="314">
<p class="" data-start="280" data-end="314">Analysis and concept development</p>
</li>
<li class="" data-start="315" data-end="346">
<p class="" data-start="317" data-end="346">Iterative design refinement</p>
</li>
<li class="" data-start="347" data-end="373">
<p class="" data-start="349" data-end="373">Technical implementation</p>
</li>
</ul>
1
Analysis and Concept Development
<p>We developed a clear understanding of the brand, target audience, and core message, and defined the visual direction using mood boards. Various concept ideas led to the final design solution.</p>
2
Iterative Design Development
<p>Design concepts were quickly created and refined using Figma, while direct client involvement through the comment function enabled fast and continuous feedback.</p>
3
Technical Implementation
<p>A 3D illustration was developed, SVG graphics were animated using Adobe Illustrator, and then exported with Rive to enable a scalable and high-performance web implementation.</p>
The Result
<p>Through a structured and collaborative process, we created a hero section that communicates Perian’s brand message clearly and concisely. The animated 3D illustration instantly captures attention and reinforces Perian’s image as an innovative cloud service provider. The hero shot sparks curiosity, highlights the company’s value, and increases time spent on the website. Thanks to the visual design, Perian’s brand is now perceived even more strongly as a forward-thinking, globally operating tech provider.</p>
We are excited to hear about your project!
Testimonial
Perian's testimony about us
<p>typedigital immediately understood what Perian is all about – and it shows. The new hero section sums up our vision perfectly: modern, clear, and effective. The collaboration was straightforward, professional, and on equal terms. A clear recommendation for anyone looking to implement digital projects.</p>
Managing Director Perian
