Jimmy John's: A Connected Digital Ordering Experience

Making fast feel connected.

Fast service creates a particular expectation: every digital step should feel immediate, obvious, and connected to the next one. Jimmy John's had a public site, an online-ordering platform, a store, and supporting content surfaces. The work was to give those parts one customer-facing logic.

As Enlighten's VP, Executive Creative Director, I provided executive creative and experience direction across a connected redesign of Jimmy John's public site and online-ordering experience.

A connected visual promise

Jimmy John's desktop homepage comp with a sandwich hero, Freaky Fast Delivery message, ordering controls, and social content.
The visual-design comp brought ordering, brand voice, food photography, and social content onto one surface.

One journey, several systems

The kickoff record framed a connected set of customer tasks across the public site, online ordering, location finding, the JJ Store, and brand content. That scope made consistency a platform question spanning the full journey.

The flow work mapped people from menu discovery to order start, address entry, store selection, customization, cart, checkout, and confirmation. Store, catering, sustainability, company, and location tasks gathered around that core journey.

Proposed navigation map connecting menu, sustainability, company, store, ordering, and location tasks.
The kickoff proposal mapped content, commerce, store, ordering, and location tasks into one planned platform.

Choosing behavior across widths

The responsive question was how the experience should behave as screens changed. Snap-to designs targeted defined states; fluid designs let components resize and stack. The team compared design freedom, ease of updates, client involvement, and future screen sizes.

The client review presented two snap-to and two fluid directions. The first snap-to direction offered a clean, modular, order-first path. Choosing which direction to pursue remained the client's next step.

First snap-to Jimmy John's desktop home comp with navigation, order entry, sandwich hero, and social content.
Two phone comps for the first snap-to direction showing order entry and expanded navigation.

The first snap-to direction paired a modular desktop home, ordering entry, and mobile state.

Second snap-to Jimmy John's desktop home comp with sandwich photography and order-entry overlay.
Two phone comps for the second snap-to direction showing order entry and expanded navigation.

The second snap-to direction explored a more image-led, order-first structure across defined screen states.

First fluid Jimmy John's desktop home comp with ordering controls and modular social content.
Three phone comps for the first fluid direction showing home, stacked ordering content, and navigation states.

The first fluid direction tested modular content that could resize and stack as screens narrowed.

Second fluid Jimmy John's desktop home comp with collage layout, map-based order entry, and food photography.
Three phone comps for the second fluid direction showing order entry, food content, and navigation states.

The second fluid direction combined flexible behavior with a more expressive visual treatment.

Making service logic explicit

The ordering flows turned a dense service into explicit decisions: location, delivery or pickup, menu selection, customization, group ordering, payment, and confirmation. The work made each handoff visible before the experience moved into detailed design.

User-flow diagram connecting the public site, order start, location, menu, cart, checkout, and confirmation.
The high-level flow connected public-site discovery to location, menu, cart, checkout, and confirmation.

Address entry came before store selection, then branched to delivery or pickup. Location became part of the service decision early in the journey.

Detailed user-flow diagram for menu selection, customization, catering, cart, and checkout paths.
The detailed flow mapped sandwich customization, sides, catering, payment, and order review.

Extending the shared frame

The visual system carried shared navigation and ordering controls into merchandise and catering. Each specialized journey gained its own hierarchy while remaining part of the same experience model.

JJ Store landing-page wireframe with merchandise categories beneath shared ordering and navigation controls.
The store wireframe extended shared ordering and navigation controls into merchandise categories.
Jimmy John's catering-menu wireframe with party platters, party subs, boxed lunches, and ordering controls.
The catering wireframe gave a specialized ordering journey its own content hierarchy and action path.

Executive direction across one journey

CONNECTED DIRECTION

My executive contribution connected brand expression, responsive behavior, ordering logic, content systems, and technical planning around one customer journey.

VISIBLE DISCIPLINES

The artifacts make that collaboration visible across information architecture, responsive strategy, ordering flows, wireframes, visual design, content systems, and technical planning.

QUALIFIED OUTCOME

Together, the meetings, flows, wireframes, and comps document a clearer direction across public-site discovery, online ordering, store, catering, location, and brand content. From one artifact to the next, the system becomes more coherent.