Shopify Redesign for J&B Coffee

Oct 14

Company Background and History

J&B Coffee is a Lubbock-based coffee shop established in 1979, known for their catering, community involvement, and welcoming atmosphere. The brand is well-loved by college-aged students, artists, and other locals looking for a spot to meet coworkers and friends.

Objectives

J&B aimed to increase revenue from mobile orders and online shipping, reduce inquiries about catering by including detailed pricing information, and enhance brand appeal to attract new and returning customers. Additionally, J&B requested to optimize the website design to make the mobile header accessible.

Implementation

I originally designed the site through wireframe sketches and in Figma to give the client an idea of how I wanted the site to look. I learned that the site was hosted in Shopify, so I made adjustments to the design as necessary. I wanted to ensure that customers could easily find a way to order their beverages, book catering, or rent the backroom, while giving the entire site a refreshed look.

Specific Actions Taken:

Updated photos across the site as needed.
Reorganized J&B’s navigation into 3 main categories: Gather, Community, and Shop. Reorganizing the navigation into 'Gather, Community, and Shop' reflected J&B’s brand pillars, creating a more intuitive user journey while reinforcing their mission.
Implemented order buttons across the entire site to encourage conversions.
Rewrote copy to engage customers and teach them about J&B’s mission.
Updated application forms for local artists, employees, and donor applicants. The updated forms for artists and donors simplified the application process, ensuring accessibility across the board.
Laid out catering information on one page to reduce inquiries.