![](https://freight.cargo.site/t/original/i/5733c94737c6d902b8cea2ee30ca91ad012d243661ae871eb6154d129912a209/chrysler-hero.png)
Chrysler
Mobile Web Platform & System Design
The Chrysler mobile v3 redesign is a complete reimagining and redesign of the mobile web platform and design system delivering all five (Jeep, Ram, Dodge, Fiat and Chrysler) Chrysler brand mobile experiences.
ROLE
Sr. Art Director – Led the strategic direction for mobile v3 redesign. Includes stakeholder alignment, client presentation, concepting, pitching, testing and final delivery.
TEAM
04 – User Experience Designers
03 – Project Manager
01 – Front-End Developer
Sr. Art Director – Led the strategic direction for mobile v3 redesign. Includes stakeholder alignment, client presentation, concepting, pitching, testing and final delivery.
TEAM
04 – User Experience Designers
03 – Project Manager
01 – Front-End Developer
![](https://freight.cargo.site/t/original/i/43b0a7436b04ed4d98c5f1244844905f8377cebd6e3f259e3c6a2bcab16fec0b/v3-sketch.png)
![](https://freight.cargo.site/t/original/i/595b6a4f8fb99e1f697694faf602645d11c4ba9855dcc808241f28302264574f/v3-sketches-2-3.png)
The v2 family of Chrysler mobile sites were built long prior to their desktop counterparts and thus were extremely limited experientially. Unlike their desktop counterparts, the v3 mobile redesign was considered as a single project inclusive of all brands. This meant building a design system that all five SapientNitro desktop teams could easily interpret their experiences within.
The limitations of the previous system were so extensive that it was immediately clear a completely new system was necessary. With that in mind we began with sketching and exploring what a new experience vision might consist of. As we completed our first round of concepts and began sharing them internally a few challenges arose.
Internal & external approval
—
Each desktop brand experience was owned by a different Sapient office. With five separate teams creating unique experiences for their brand, that essentially meant we had five internal stakeholders to sell on the v3 redesign in addition to our Chrysler stakeholders.
—
Each desktop brand experience was owned by a different Sapient office. With five separate teams creating unique experiences for their brand, that essentially meant we had five internal stakeholders to sell on the v3 redesign in addition to our Chrysler stakeholders.
Avoiding content distractions
—
Model year updates are a particularly hectic time of year for automotive accounts. Chasing all the details and making sure everything is correct is a monumental undertaking. Considering this when designing a mobile system for these experiences, getting distracted by content was a massive hurdle to clear.
—
Model year updates are a particularly hectic time of year for automotive accounts. Chasing all the details and making sure everything is correct is a monumental undertaking. Considering this when designing a mobile system for these experiences, getting distracted by content was a massive hurdle to clear.
Building a family
—
Due to each brand’s desktop experience being designed by separate teams, there were distinct differences between them. Seamlessly unifying all brands on the mobile v3 platform would require careful consideration and a thoughtful system.
—
Due to each brand’s desktop experience being designed by separate teams, there were distinct differences between them. Seamlessly unifying all brands on the mobile v3 platform would require careful consideration and a thoughtful system.
![](https://freight.cargo.site/t/original/i/4bd2df8167cd07151deec167a36561a6a8b0fa8cf9a08c7ba57c0ec192865f44/v3-delorean-home.png)
![](https://freight.cargo.site/t/original/i/f8aece523087888d3f3f0b69dfe4a9c68fc3c9a9e8bc6bbdc0cd3eeca299a13a/v3-delorean-pair-2.png)
![](https://freight.cargo.site/t/original/i/a935088c8e1bc26918d4f27c728633cb56d01aa0608954152797100eac76cfbf/v3-delorean-pair-1.png)
From the onset we faced an uphill battle keeping our internal teams focused on the capability of the system itself rather than accuracy of the content within. To effectively keep our teams focused I chose to abstract the brand initially.
In light of that we leveraged a familiar yet unassociated brand – Delorean – and assets which would stand in for our own. This proved to be quite successful as we soon got buy-in internally and externally without any content hang-ups.
![](https://freight.cargo.site/t/original/i/e38d2b34fefedf47861456d7d52b70fdfccaf9fb7d661bc104c3b6df9b2e8c42/v3-jeep-big-yellow.png)
![](https://freight.cargo.site/t/original/i/5b17081813b2b5a5f9dfd278bd69dc28aadf5854d4291f40ef5826fa4538a81b/v3w-chrysler.png)
![](https://freight.cargo.site/t/original/i/9f8dc0067e0dc3af221864677eec5d9c467fb64e7d42e4585b946bdc52ee5a29/v3w-dodge.png)
![](https://freight.cargo.site/t/original/i/303e9c18fba1291fa7d0c16e94aac24125396da63e17220d52b2b7af44042eda/v3w-ram.png)
![](https://freight.cargo.site/t/original/i/7f55e4d69d1607fe41c9b3b115cb9ed9400566a21f51fe420eb5f6d2594e952b/v3w-fiat.png)
![](https://freight.cargo.site/t/original/i/db7c86097f5d7810185b292e8fcd1ae45741df113d1e8650268ffdedc0eaeee2/v3-chrysler-mdp.png)
![](https://freight.cargo.site/t/original/i/6fa013994b1dc1185e0cd88e33f65dde17886d43be844b1d020d9d31b442eb82/v3-fiat-mdp.png)
![](https://freight.cargo.site/t/original/i/58af556bc0758f95a87f1b37d43f99c5a2b6205f0b0a05e1a4eec3b4c30e501f/v3-jeep-mdp.png)
![](https://freight.cargo.site/t/original/i/88d0e8ad245573c0b2467702ff454a7f23542f6a5c7e55035330ad9a709d7b17/v3-ram-mdp.png)
We successfully designed the new platform and design system, achieving internal and external sign off along the way. The next hurdle to clear was ensuring it was used properly and consistently.
![](https://freight.cargo.site/t/original/i/d42f8ac16053605b50aa2bd57df334522f76915ac51547d0139d928c05874b67/v3-usage-1.png)
![](https://freight.cargo.site/t/original/i/98f809efc354176680be1325a27475c07de2abc6d3bc7f08ab70884118f868ac/v3-usage-2.png)
![](https://freight.cargo.site/t/original/i/e2d01116f4c3165364dd35fcdad7e124a9861c7583df1a547c6c1a60324fa4dc/v3-usage-3.png)
![](https://freight.cargo.site/t/original/i/65158b493886e2d2026196b6f0fc26e8b3d60414b0fad3183d9bd59cd8f85352/v3-usage-4.png)