EVBox.

A redesigned platform to streamline the customer experience for B2B and B2C

After being in the EV business for over ten years, EVBox decided to update its brand to better represent the company it is now. With an update of their brand came the need to change their online presence too. That’s why we were asked to work with EVBox’s team of designers, content editors, and their front-end developer to create an entirely new website - both front and backend. The result: An easy-to-manage, multilingual website that allows visitors to find the right product instantly.

Check out the new EVBox site, including:

An entirely new design with new fonts, colors, and style
A new platform to streamline the customer journey for B2B and B2C
3D animations that allow you to discover EVBox’s products
A simplified backend to make content management a breeze
Integrated with Greenhouse for HR
Integrated with HubSpot to collect lead data

Discover the new site via evbox.com

Matching the brand it is today.

Founded over a decade ago to shape the electric vehicle (EV) industry, EVBox needed a new future-proof brand identity that reflects the company it is today. Over the past year, they’ve upgraded their brand, identity, and look and feel. Now, EVBox shows its new brand characteristics in its new logo, fonts, and colors. And we were asked to translate this to an entirely new digital platform.

Find what you need in an instant.

The main focus for the new platform of EVBox was streamlining the user experience. That’s why the website is focused on two audiences: consumers and businesses. After choosing how you will use the charger, you are shown all the relevant information and the chargers that match your needs. This brings users to the right product category much quicker, where they can discover them using 3D models, configure the right model to their needs, and request an inquiry.

Simplify the content management.

Besides the frontend, we also simplified the backend of the website. We created an entirely new site structure by reviewing the way content editing is approached and using variations within content blocks. The content editors of EVBox can now quickly change the entire look of a page by choosing another variation of a content block. Now they can decide if a gradient needs to be applied, how the content is aligned, the background color, and the look and feel of a piece of content within the content block. That’s how we reduced the number of content blocks from 40+ to 26, which means less code and less maintenance.

Efficiently manage the design.

To maintain design consistency throughout EVBox’s platforms, we used design tokens with Figma. With design tokens, everything design-wise is managed within Figma. So whenever the brand colors, icons, fonts, or spacing change, we’ll only have to update it in Figma, and it will automatically change on EVBox’s new website!

Integrated with Greenhouse for HR and vacancies.

We had already integrated Greenhouse with the previous site, so of course we had to integrate into EVBox’s new site again. The Greenhouse integration allows EVBox to manage their HR process, vacancies, and applications within one system, which will automatically display on the site with the right filters.

With a HubSpot integration to collect lead data.

The previous website was also integrated with HubSpot. EVBox uses HubSpot to gain insights into their customer’s journey, collect data through forms and fly-out forms, personalize their offers, and improve their overall customer satisfaction.

A powerful collaboration.

To create a website that matched EVBox’s new identity, we worked together with a team of product managers, content editors, designers, and developers from both EVBox and Sterc as well as other external partners. We started the project with refinement meetings, in which the designers presented how the page should look and behave, and developers could ask for clarifications and expectations. During this project, we used the SCRUM method to manage the project with two-week sprints in which we had to finish a part of the final product. We kicked off each sprint with a planning session, had daily meetings during each sprint, and finished with a retrospective meeting in which we discussed what went well and where we were in the project.