Back TO PROJECTS

Civil Coffee

Fresh coffee, fresh site: Building a new Shopify e-commerce site for a specialty coffee company

Developer | East of Western

  • Shopify
  • Liquid
  • HTML
  • CSS
  • JavaScript
  • GSAP

2025

This project was a full Shopify rebuild for Civil Coffee, an LA-based specialty coffee company sourcing beans exclusively from Mexico. Following a brand refresh led by the East of Western design team, I focused on translating the new visual language into an ecommerce experience that felt expressive, flexible, and grounded in storytelling. Behind the scenes, I restructured the content system using Shopify metafields, making the site easy to maintain long-term while giving the Civil team flexibility to introduce new content, color treatments, and custom details that reflect their unique voice. Less time dealing with the CMS, more time sharing their delicious coffee.

Visit the site
Product detail page
Custom product detail page complete with motion and layering. I added metaobjects so that the Civil team could choose colors, content, images, and videos that told each product's unique story.
Civil coffee product page
Custom product grid with metafields for the client to upload images for branding moments and hover images for select products