Case Study:

KeynotePro

KeynotePro v4.0

A 20th Anniversary Reboot of keynotepro.com to set the stage for an entirely new era.

2024

At a Glance

For KeynotePro's 20th Anniversary, I set about to completely re-imagine the customer experience at every level and lay the groundwork for entirely new ways of working with Keynote.

KeynotePro remains the single longest-running thru-line of my working life, having played an evolving role from that early, experimental launch in 2003 straight through to the established, steady-state pace of operation it had taken on through 2020. With the 20th Anniversary on the horizon, I went back to those experimental roots to begin to re-imagine the total-journey experience of using a KeynotePro Theme System and to identify ways the site could better reflect the standards and quality of the products themselves.

With decades of feedback, analytics, and operational metrics in hand, I redesigned every segment of the journey around a streamlined discovery-to-installation experience, evolving the entire stack underneath to build a more modernized, fully-custom application core that's finely tuned to our catalog and the myriad ways our customers make use of it.

My Roles
UX & Design Research, Architecture & Prototyping, Design System Development & UI, Full-Stack Development
Results
Ongoing positive impacts on new-customer acquisition & and search relevancy. Ongoing growth in AOV & CLV post-launch.
KeynotePro v4: Library page on iPad and iPhone

Any Device, Day or Night

The KeynotePro v4 platform is built to Progressive Web App (PWA) standards, making it easy to add to your homescreen in MacOS, iOS, or elsewhere. The entire framework is deeply responsive, including full light/dark support extending down into the UI state of the screen mockups themselves.

 
 
KeynotePro v4: Library page on iPad in Dark Mode KeynotePro v4: Library page on iPad in Light Mode
KeynotePro v4: Product Page in iOS, Dark Mode
KeynotePro v4: Product Page in iOS, Light Mode
KeynotePro v4: Library page on MacOS in Dark Mode
 

Personalized & Streamlined

In the v3 architecture, popular options like Upgrade Pricing and Multi-Item Discounts required direct customer action or siloed selection pathways. Now, v4's centralized API adjusts to reflect Upgrade eligibility at every relevant touch-point automatically, and multi-item Bundles self-assemble as eligible items are added to the Bag.

 
KeynotePro v4: Configure Item view, Added view, Shopping Bag view
KeynotePro v4: Version-to-Version Upgrade Pricing options
KeynotePro v4: Pricing Options when a Complete Edition theme is available
KeynotePro v4: Pricing Options when a Complete Edition theme is available
KeynotePro v4: Pro Bundle created and shown in Bag view on iPadOS

Expanded Access, Better Utility

In the v4 framework, the entire File Access pipeline is expanded to offer full file-level parity for desktop and iOS clients, with a global Pending Downloads feed offering shortcuts to the latest Files and Updates. A new Up-to-Date DMG option for Mac packs all the latest files for a theme system into one convenient download.

 
 
KeynotePro v4: File download views in iOS
KeynotePro v4: File download views in MacOS, including the Up-to-Date package
KeynotePro v4: File download views in MacOS, Quickstart Modal open
KeynotePro v4: an Up-to-Date Disk Image (DMG) in MacOS
 

With One More Thing...

This total-journey approach laid the foundation for extending the entire Library – and Keynote itself – in completely different ways. An all-new service layer – Composer – transforms Plain Text descriptions of Objects, Slides, or entire Presentations into AppleScript routines that automate their production in Keynote for MacOS.

 
KeynotePro v4: Composer Engine Overview
KeynotePro v4: building a presentation Scaffold in Composer