Enhance customer experiences with Apollo GraphOS

Volvo Cars is on a journey to have at least 50% of their sales online by 2025. To achieve this goal, the organization needed to create a consistent and intuitive user experience across its website. However, Volvo&rsquo;s system landscape was so complex that it was taking developers over a week to figure out how to combine APIs into new experiences. To complicate matters further, there were site delays that caused abandonment and shoppers weren&rsquo;t seeing accurate pricing information or graphics.&nbsp;



In his <a rel="noreferrer noopener" href="https://www.apollographql.com/events/champions-corner/how-volvo-is-building-a-better-digital-car-buying-experience/" target="_blank">Champions Corner webinar</a>, Stephan Lonntorp, Senior Engineering Manager at Volvo Cars,&nbsp;shares how implementing a supergraph with Apollo GraphOS is helping Volvo address these challenges to build a better digital car buying experience that increases online sales.&nbsp;



<h2 class="wp-block-heading"><a href="#struggling-to-scale-with-a-graphql-monolith" aria-hidden="true" class="aal_anchor" id="struggling-to-scale-with-a-graphql-monolith"><svg aria-hidden="true" class="aal_svg" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Struggling to scale with a GraphQL monolith</h2>



When Stephan started on this journey, he began with a GraphQL monolith. He replaced different API gateways with a schema that brought context to the data, abstracting away the complexity of how it&#8217;s pieced together. But, as more teams started using the graph, the monolith strained his team. Changes took a long time to implement and experiences broke daily without warning. (A typical incident being that not every car would show on the website.) 



The central graph team was always called to troubleshoot, which meant they couldn&rsquo;t work on anything else &#8211; even though the incidents were due to underlying systems breaking.



<h2 class="wp-block-heading"><a href="#unlocking-agility-with-the-supergraph" aria-hidden="true" class="aal_anchor" id="unlocking-agility-with-the-supergraph"><svg aria-hidden="true" class="aal_svg" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Unlocking agility with the supergraph</h2>



After realizing the monolithic graph wouldn&#8217;t scale, he adopted a supergraph, powered by <a href="https://www.apollographql.com/graphos" target="_blank" rel="noreferrer noopener">Apollo GraphOS</a>, to allow each team to own and manage their data end to end. A new layer in the tech stack, the supergraph unifies all cloud data and services into a single connected map that developers can query with GraphQL.



<figure class="wp-block-pullquote"><blockquote>We want our entire business on the supergraph because we think it&#8217;s better than those dusty old REST API&#8217;s. We wouldn&rsquo;t have an accurate online shopping experience without the supergraph. &nbsp;<cite>Stephan Lonntorp</cite></blockquote></figure>



GraphOS also delivers visibility into what APIs are being used, so his teams can safely evolve their subgraphs and know who to talk to about potential breaking changes. Today, unplanned breaking changes are fully eliminated.&nbsp;



And, since the supergraph aggregates data from 40 different REST endpoints into one single source of truth, frontend developers are finding the data they need 99.5% faster.&nbsp;



The supergraph is also inspiring developers to experiment with the data they now have at their fingertips. Stephan says, &ldquo;First, you understand what the supergraph is and what it can do for you. Then you realize you can ask for whatever data you want. Just because you&rsquo;re working on a certain part of the website doesn&rsquo;t mean you can&rsquo;t ask for data they&rsquo;re displaying somewhere else. If you have an idea you can go to the supergraph and start experimenting.&rdquo;&nbsp;



Stephan was promoted to run engineering for the online fleet sales business and build out its online service offering. Since most of the data they needed was already in the supergraph, they only had to add a few pieces to the business domain supergraph to build the new products.



<figure class="wp-block-pullquote"><blockquote>Without the supergraph, we&rsquo;d still be trying to figure out how to build a user journey for&nbsp;the fleet business. <cite>Stephan Lonntorp</cite></blockquote></figure>



One new area they built out is company car policies, which enables a fleet manager to set up rules specific to a company and then the car configurator would just show the options allowed by that policy. They built the initial prototype for that new feature in two and a half weeks.&nbsp;



<figure class="wp-block-pullquote"><blockquote>The supergraph is key to achieving our online sales goals because it makes data readily available for&nbsp;developers to use across our website, allowing us to show consistent information throughout the user&nbsp;journey on volvocars.com. At the end of the day, that is what&rsquo;s going to help us sell more cars.&nbsp;&nbsp;<cite>Stephan Lonntorp</cite></blockquote></figure>



<a rel="noreferrer noopener" href="https://www.apollographql.com/events/champions-corner/how-volvo-is-building-a-better-digital-car-buying-experience/" target="_blank">Watch Stephan&rsquo;s webinar</a> to hear more about Volvo&rsquo;s journey to improve their digital car buying experience with the supergraph. And, be sure to check out the rest of our <a rel="noreferrer noopener" href="https://www.apollographql.com/events#type=champions-corner" target="_blank">Champions Corner webinars</a>.

Webinar

Volvo drives into the future of online car shopping with the supergraph

Webinar

Volvo drives into the future of online car shopping with the supergraph

Stay in our orbit