Sunny Cars

Coding sustainable brand design

Sunny Cars' eco-system is expanding continually with new digital services and vast amounts of content. How can we implement redesign - without having to worry about any negative effects - throughout thousands of pages currently online?

Context

Sunny Cars is one of the fastest-growing car rental services worldwide. Today the broker enables you to rent a car in more than 120 countries. The secret to its success? A true all-inclusive rental service, which is based on the recognizable struggle many business people and leisure travellers experience when renting a car at an airport, city, harbour, or train station.

Design system sunny cars mock up from figma file

Been there?‍

Your too-good-to-be-true deal unexpectedly turns out far more expensive as you suddenly have to pay extra for all kinds of insurance. With hassle-free digital services, Sunny Cars frees takes care of everything: what you rent, is what you get.

Being an online player, Sunny Car is highly dependent on its ever-growing platform. Like any platform, it contains many precoded point solutions. It's in the nature of a point solution that it has to interact with other point solutions - which all are updated externally and asynchronously. Hence they push each other forward. This domino effect is of consequence to the way we code frontend design

Sunny Cars: Rent a smile (car with two people driving into the sunset with the top down)

Sunny Cars: Rent a smile (top view drone shot, car driving on a winding road through a forest)

Solution

Component-based frontend design

We're operating in an ever-changing environment. We need to maintain and improve the solutions we develop, every day. This goes for the back-end, as well as the front-end code. Frontend, which is design-oriented and meets the eye, needs a robust approach. Everything we add to the brand design - or change in the brand design - has implications throughout the entire platform. If not handled right, communication flows will be thrown off balance, damaging your brand appeal.

Never compose a design without a calculated rhythm. This not only goes for typography but also for spacing, line heights, colour shades/tints and border radius. Component-based design prepares you for growth. Each CSS component is currently created and harboured in our design system that bridges the design strengths of Figma and the HTML/CSS library of Storybook. All visual components carry intelligence, enabling them to automatically adapt to surrounding parent and child objects. This preserves a device agnostic, consistent brand appeal - no matter how fast the platform scales.

Grow value

We believe any design must be prepared for continuous incremental change. This fends off any wish for a complete redesign. More importantly: it enables you to continuously add value to the platform, and the brand.