Challenge
Early to online ordering and responsive web design, Papa John’s enlisted Paravel to build a design system that would aid redesign efforts and streamline their prototyping and testing process.
Solution
The pattern library evolved into a design system & process hub that has expanded to include page prototypes, performance metrics, accessibility guides, etc. The hasty adoption of new techniques and features understandably yielded redundant code and one-off UI elements. We conducted a component inventory and code audit that highlighted items that could be combined or even removed, resulting in an easily manageable design library and codebase. We were able to recreate the entire Papa John’s website with ~25 components, which allowed us to make design upgrades and analyze kilobyte savings along the way. CSS was reduced by ~900kb and JS by 1.1mb, leaving the page weight 22% of its original size. Informed by user and A/B testing, we were able to prototype quickly and deploy new features. The design system allowed the team to reinvision the site in conjunction with new brand assets, product offerings, and content needs.
Results
Experimentation helped yield increases in conversions and sales across the 5,000+ Papa John’s stores.
Want fresh marketing stories in your inbox?
Get the weekly email that makes you a marketing genius.
Stay informed and inspired, for free.