Mozzo Coffee Custom Shopify website design
Mozzo Coffee Custom Shopify website design

Mozzo Coffee

Coffee. Community. Connection.

Mozzo, an independent coffee brand founded in 2005, began as a wind and solar-powered coffee cart. Today, they've built their own roastery, with their exceptional coffee featured in top cafés and hotels across Europe and the USA. Committed to doing good, Mozzo invests in coffee-growing communities, supports sustainable practices, and funds a maternity clinic in the DRC.

We created a high-performance custom Shopify website for Mozzo, balancing ecommerce with brand storytelling and using the awesome branding created by B&B Studio. Post launch we're supporting Mozzo with digital marketing, SEO, and developing a groundbreaking coffee intelligence app set to transform the industry.

Mozzo Coffee Logo

Identity

The minimal UI design is bold and impactful to emphasise the energy and purpose of Mozzo’s mission. This also pairs nicely with the vibrant photography of their coffee growing communities.

Industry
Food & Beverage
Deliverables
Web design, Shopify E-commerce & Email Marketing

Colour

A bright and vibrant colour palette which contrasts fresh mint green with bright orange to create instant brand recognition in-store and online.

Orange
R255 G91 B0 #FF5B00
Green
R179 G255 B168 #B3FFA8
Yellow
R255 G228 B67 #FFE443
Purple
R210 G195 B225 #D2C3E1
Cream
R255 G252 B237 #FFFCED

Heading

Alternate Gothic

Subheading

Acumin Variable

Body copy

Roc Grotesk Medium

More than an online store

Mozzo sees coffee as a catalyst for connection, using its website as a digital hub to bring together coffee growers, coffee makers and coffee drinkers alike.

  • Brand positioning and storytelling
  • Conversion focused UX
  • Rich product pages
  • Brew guides & recipes
  • Education articles
  • Donation tracker for C2C Fund
  • Free shipping indicator
  • Capsule recycling scheme
  • Customer reviews
  • Email marketing
Mozzo Homepage desktop design
Mozzo Coffee Capsules banner image

Rich, full-bodied product pages

Coffee is a complex product to communicate, so we worked closely with the director of coffee at Mozzo to design the perfect product page with all the essential ingredients.

  • Flavour profile
  • Grind selector
  • Brew guides
  • C2C fund contribution
  • Recycling information
  • Free shipping messaging
  • Trust marks and claims
  • Info about the growers
  • Other recommended coffees
  • Customer reviews
Mozzo Coffee product page
Shopify web design for Mozzo | Collection page

Commerce + Brand storytelling

The main shopper journey is clean and simple to maximise conversions, interwoven with strategic up-sells and targeted cross-sells to boost average order value.

Intuitive navigation and helpful signposting ensure deeper product info and the big-picture work Mozzo do to support their coffee growing communities is only ever one click away.

Shopify website design for Mozzo | C2C totaliser
Mozzo Illustrations banner image

I'll take mine to go

For many customers, coffee is equal parts drink and daily ritual. Therefore ensuring a frictionless mobile UX was essential to help customers stay stocked up while on the move.

We focused on creating a clean and conversion focused customer journey, while still communicating Mozzo’s brand personality and mission including their recycling scheme and C2C Fund contributions.

Shopify mobile website design for Mozzo
Responsive shopify mobile website design for Mozzo
Mozzo Shopify website design
Next Project. J Adams & Co.