Rules and Standards in an Extensive Component Library

We as a team in North America worked very closely with the team at code d’azur Amsterdam to learn the ins and outs of the component library. code d’azur developed a state-of-the-art digital design system and component warehouse for Polestar. This system utilizes atomic design as a methodology. Each of the five stages is highly instrumental in crafting a complex and dynamic interface design system, and as a digital designer working in the North American market it was imperative to keep this way of designing consistent. If deviations needed to happen due to a lack of clarity on a component or the lack of existence for what we needed we communicated that need to the proper team members and stakeholders to allow for us to create it.

Art Direction & Branding

During this project I had to familiarize myself quickly with the branding guidelines as well as the newly rolled out art direction. The brand focuses on breaking conventions and often looks to fashion houses, e-commerce, and the design industry for inspo rather than regurgitating what competitor car companies are spitting out. How Polestar stands out is by capturing it’s design principles in all projects:

1. Car as an object of desire

2. Decluttering the view port

3. Let the user journey dictate our information architecture

Design Challenge & Solutions

Set up in two to three week sprints over the course of five months the design team worked closely with Polestar’s main stake holders, the development team, and design directors in Amsterdam to deliver each of the five sections that met the needs of the business, the users needs, and the design standards of the global brand. The challenge at hand was to distill a large amount of information into a clearly defined step by step process that helped push users through each step of Payment, Trade-In, Add-Ons, Credit Application, and Finalizing Order without feeling overwhelmed or fatigued. Our solution was to neatly organize and categorize each section onto a dashboard that helped guide the user through progress indication and reassurance of their place in the check out process. Our deliverable was over 300 screens in Desktop, Tablet, and Mobile, with a mobile first design approach.