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.

Screenshot 2023 09 29 at 3 51 52 PM
The Ritz-Carlton

Redefining the Legacy of Luxury for a Powerhouse in Hospitality

The hotel giant partnered with Code and Theory to bring its hotel's luxury into every element of its digital experience.

Read More
  • Built a scalable design system for both The Ritz-Carlton and The Ritz-Carlton Reserve.
  • Created a guest-centric site structure to facilitate booking, content exploration and discovery.
  • Strategy, design and launch in under one year.

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.

Untitled design
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
Black BoxBlack BoxBlack Box

Recognition

  • YETI x Code and Theory

    Innovation by Design

    Best in Marketing
  • Code and Theory

    Innovation by Design

    Design Company of the Year
  • Code and Theory

    Ad Age

    Agency A-List

All Work

 2023

Says a Lot —

Latest

News — 

Code and Theory Wins Three Drum Awards For AI, Creativity, and UX with YETI and Tipico

News — 

Under Armour Launches UA Rewards with Masterclass-style Video Series, in Partnership with Code and Theory

News — 

Figma Names Code and Theory as Launch Partner in New Service Partner Program

News — 

Scout by Sutter Health™ Launches an App Focused on Resilience Building for Youth and their ‘Champions’, Built by Code and Theory

News — 

Code and Theory Network Wins Six W3 Awards

News — 

Facing the Future: A Guide to AI and Design Transformation

News — 

Amazon Ads Debuts First Small Business-Targeted Campaign

News — 

YETI Wins Fast Company Innovation By Design Award for Marketing