Website

Digital showroom for the world's most powerful hypercar

  • Consulting & Strategy
  • Content Architecture
  • UX & UI Design
  • Responsive Web Development
  • Quality Assurance

Push to start — from Croatia

Rimac Automobili is an automotive powerhouse from Croatia that designs, engineers and builds advanced car technology — from developing and manufacturing the most powerful electric hypercars to inventing ground-breaking technologies and supplying EV components to numerous high-profile companies. Everything they do revolves around challenging the status quo and pushing tech to the edge of possibility.

 

 

Make the future exciting

As a way of transforming the company’s perception from a young startup into a serious automotive powerhouse, Rimac Automobili tasked us with redesigning their website and placed 3 key objectives in front of us:

  1. create a website that positions Rimac Automobili as a leader within the automotive industry
  2. focus on showcasing the fastest production car in the world — Rimac Nevera
  3. ensure that the web is scalable enough to accommodate the company’s rapid growth

 

 

The project was big with different aspects and it was necessary to use different technologies to show certain things. It required different specialties in our people and therefore a lot of developers from different fields were involved — its tech side was demanding and diverse, but our multidisciplinary team was ready to handle the challenge and to deliver.

Zoran Završki

Head of Digital Experience at Bornfight

Bold, functional, original — unmistakably Rimac

To make sure that Rimac Automobili’s new website accurately represents the core of the brand and stands out within the automotive industry, we based the website’s visual language on 3 design principles:

  1. Storytelling — which helped to reshape complex technology principles into an appealing story
  2. Space awareness — which focuses on allowing the website’s layout to breathe and highlight specific content
  3. Technological character — which communicates that Rimac Automobili has technology as its main driver

 

 

Showcasing the fastest-accelerating production car in the world

As Rimac Automobili is most widely known for its high-performance electric hypercars which push technology to the edge of possibility, our mission was to represent a piece of that tech onto the website.

We implemented 3D animations, smooth and seamless transitions and scroll-based animations to showcase the fastest production car in the world — the Rimac Nevera.

This car’s ability to accelerate from 0-60 mph in 1.85 seconds is a result of Rimac Automobili’s force — their expertise, engineering, design, culture and mindset to always strive to create the best and push the possibilities of tech. And our goal was to merge all that and present it on the website.

 

 

Explore Nevera through scrollytelling and interactive elements

The main goal was for the website to be as tech and visually advanced and innovative as their car and everything Rimac represents — that’s why we used interactive elements throughout the whole website. To enable users to interact with the pages, we used micro-interactions, click and hover-based elements and scrolly telling to translate heavy content to the users without overloading them with information. This way, users can linearly consume the content about Nevera and explore the machine from the inside out in the smallest detail.

 

 

Optimized to handle heavy traffic

We were aware that the official launch of Nevera on its release day will attract numerous visitors from all over the globe at the same time. As the website was video and animation heavy, we used 3 different approaches to optimize its performance to the fullest:

  1. Three.js — Rimac website
  2. Image sequence — Nevera design, tech and engineering page
  3. Lottie — Nevera homepage

Using Three.js, we made it possible to author complex 3D computer animations that display in the browser without the effort required for a traditional standalone application or a plugin. On the Nevera design, tech and engineering page, we used image sequences on all 3D graphics and animations. Many devices couldn’t withstand content-heavy videos on the website, and we chose this approach to maximize the performance of the site.

We used image sequences on the animation of disassembling a car into detail and going through parts with a scroll — this way, we translate a video into image sequences that change as the user is scrolling, and for the loader, we went with a Lottie animation.

 

 

For this project, we went outside our comfort zone and learned a lot about 3d, vertex, smooth transitions, decoding and video optimization — we experimented with different approaches and technologies. It was fun, exciting and insightful at the same time, and we’re very satisfied with the final result.

Tomislav Jezidžić

Front-end Developer at Bornfight

Engineered to scale

This automotive powerhouse that creates the world’s most powerful electric hypercars, employs more than 850 people and as Rimac Automobili is a rapidly expanding company, we implemented modular design across a number of pages. This approach ensures the standardization of the visual language and gives us the flexibility to upgrade and expand specific parts of the web — this means that the website can easily follow and adapt to the growth of the company, and our client can easily make updates on the website on their own.

 

 

Explore the entire Rimac Automobili website on rimac-automobili.com.

Scope of work

Discovery
  • Workshop
  • User Research
  • Project Planning
  • Consulting
Strategy
  • Information Architecture
  • Stakeholder Alignment
  • Prototyping
Design
  • Art Direction
  • Visual Moodboards
  • UI Design
  • UX Design
Development
  • Front-end Development
  • Back-end Development
Quality Assurance
  • Usability Testing
  • Performance Testing
  • Functionality Testing