Jiffy Lube

Building a Better Customer Experience Online & Inside the Garage

1

The Background

We have a long and varied history with Jiffy Lube.

In 2015/2016, we won a pitch for Jiffy Lube to replatform JiffyLube.com to Drupal 8. This was one of our first Drupal 8 projects. In defining the technical back-end work, we also won a related project to redevelop the front-end and optimize/enhance the front-end user experience. This was one of our largest collaborations with Mediacurrent to date, and both teams supplied developers and tech directors. This project also had a requirement to move the existing front-end codebase to comply with ADA WCAG AA standards.

As an outcome of this project, we won a small stream of digital branding and marketing work for 2016 to help Jiffy Lube capitalize on a rebranding effort and explore expansion to other digital channels.

In 2017, we supported Jiffy Lube on a third project: to design and develop a "service kiosk." This interface was intended to help technicians confidently communicate the benefits of particular services to customers and demonstrate the services needed for their vehicles.

2

The Challenge

As one of Code and Theory's first Drupal 8 projects, the website design and development project had a steep learning curve when it came to building a comfort level in the code base. We also worked collaboratively with Mediacurrent, which brought its own challenges and opportunities. Given the accessibility compliance need, it was quickly determined that the existing front-end code base wasn't close to compliance levels and needed to be largely re-architected to meet the benchmark. Sara Tabor alone submitted more than 300+ ADA compliance-related JIRA tickets to be completed.

3

The Solution

Code and Theory approached the website design and development project with a tech-focused perspective while being mindful of the design and experience changes that would help modernize and enhance the front-end for users. We focused on improving site speed, retail location search, and map functions to maximize utility for users.

For the brand/communications workstream, we looked at Jiffy Lube's cross-channel marketing efforts and social presence to assess their current standing and determine ways of enhancing and attracting new audiences. Jiffy Lube does more than oil changes—and getting that message across to customers (and new, non-traditional customers) was a major challenge as competitors like Goodyear, Meineke, Midas and Firestone were attempting to do the same.

The digital kiosk project required attention to both the digital UX and also the physical conditions of using the application—which consisted of a noisy garage while customers were seated in their cars. Therefore, the design needed to be clear, engaging and demonstrative to ensure that customers understood what they were seeing. We also explored interesting interaction models to make the visuals even more compelling.

4

The Results

Throughout the projects, we designed and developed a new responsive website and a front-end and back-end CMS system in Drupal 8, made marketing and communication strategies and activation plans, and designed and developed an iPad-sized digital touchscreen service interface system.

By the end of our website design and development workstream, we created a fast, modern web experience that complied with ADA AA accessibility standards and utilized the best features of Drupal 8 to allow for cutting-edge content management. In terms of Jiffy Lube’s brand/communications, we created an expanded set of considerations and strategies to inform Jiffy Lube's cross-channel marketing efforts. Lastly, we created an innovative inside-the-garage experience that brought delight and clarity to both technicians and customers and drove better upselling and cross-selling of additional services.

Driving B2B Growth

Partnering with some of the world's largest companies to fuel their business-to-business expansion.

Tipico Featured Module
Tipico

Succeeding on a Mission to Win Ohio

AOR leading an integrated campaign to capitalize on the moment and bring Tipico to market.

Read More
  • Challenging category conventions to create a differentiated connection with audiences
  • Speaking with Ohio sports fans the same way they speak to each other
  • Working in an Integrated Agency team to connect through all media channels, including the app

Evolving E-commerce to Fit Modern Audiences

We are shaping the digital transformation of the industry by creating strong connections between audiences and brands.

Screen Shot 2023 03 01 at 11 14 04 AM
Marriott Bonvoy

Reimagining Marriott Bonvoy as a Hub for Travel and Commerce

Evolving Bonvoy’s design system to be more modern and immersive while staying true to the core strong brand identity.

Read More
  • Mobile-First
  • Contextualized Conversion
  • Flexible Design and Content Systems

Leading With Empathy and Inclusivity

Having deeper conversations, widening the funnel, and driving innovation with an inclusive-first lens.

CASE CARD Blowout Top Image Size Image of 7680 432
Allspring

Speed to Market for a Portfolio Optimization Tool

Crafting a UI for a complex product through user input and clear data visualization.

Read More
  • Improving workflow processes through enhanced user interface design
  • Clear and simple data visualizations for complex data sets
  • Designing a roadmap to continue to iterate and optimize the product on a rolling basis post-launch

Transforming Education's Forefront

Defining the future of digital experiences in education.

Pfizer World| Shaping a Platform into a Beacon for New Priorities and Ways of Work

Pfizer World

<p>Pfizer World</p>

Transforming a platform into a meaningful beacon to set new priorities and ways of working.

Read More
Galleri| Introducing a Revolutionary Medical Feat to the Market

Galleri

<p>Galleri</p>

Creating the first B2C campaign and user experience for a first-of-its-kind cancer detection test.

Read More

Evolving the Financial Services Model

We’re transforming an antiquated industry through cutting-edge design and driving the future of finance forward.

Award WebbyW3 0031Ad Age 0023

Recognition

  • Code and Theory

    Webby Awards

    2022 Best Magazine – Websites and Mobile Sites
  • Code and Theory

    W3 Awards

    2021 Best in Show General Websites-Associations
  • Code and Theory

    Ad Age

    2020 Agency A-List

All Work

 2023

Says a Lot —

Latest

News — 

Ringier | Leading International Media Company Ringier Appoints Stagwell’s (STGW) Code and Theory to Transform the Blick Brand

News — 

Code and Theory Takes the Stage at Web Summit Rio

News — 

PRNewswire | Code and Theory, a Stagwell (STGW) Network Company, is Building New Artificial Intelligence Capabilities with Oracle Cloud Infrastructure

News — 

PRNewswire | Stagwell (STGW) Marketing Cloud Taps Former Microsoft Chief Data Analytics Officer John Kahan, Code and Theory Chairman Dan Gardner as Advisors

News — 

PRNewswire | Code and Theory Network Agency Kettle Promotes Lauren Kushner to CEO

News — 

PRNewswire | Stagwell's Code and Theory Network Expands Its Digital Transformation and Engineering Globally with Addition of YML

News — 

Ad Age | Top 5 Diversity, Equality, and Inclusion Efforts To Know About Right Now

News — 

PRNewswire | Stagwell (STGW) Digital-First Creative Agency Code and Theory Launches Industry's First Holistic Inclusive Design and Marketing Strategy Discipline