View more

Motif

Website Design
Shopify Storefront
Email Marketing
Phone on a dark wood and marble table showing the Motif homepage with four colorful syrup bottles

Custom Shopify Storefront for Pre-Launch Natural Coffee Syrup Brand

Laptop on a couch next to glasses, earbuds, and a black mug showing the Motif site with a green sign-up popup
Woman holding a phone showing the How To Motif page with a grid of colorful recipe photos
Laptop on a wooden desk showing a Motif Cinnamon Babka Iced Coffee recipe page, beside a coffee cup and disco ball
Phone on a dark fabric surface next to earbuds, showing a Motif page with a blue comparison table
Project images coming soon!

Project Brief

Motif is a premium, clean-label coffee syrup brand preparing for launch. They needed a Shopify storefront that felt elevated and design-forward (not “template-y”), while staying fast, scalable, and easy to manage post-launch. The site also needed to support key ecommerce functionality and connect to email marketing for pre-launch capture and launch comms.

Creative Challenge

Create a distinctive, world-building ecommerce experience for a new CPG brand without sacrificing performance or maintainability. The site needed to communicate quality quickly, convert on mobile, and stay flexible for future product expansion beyond syrups.

Approach

  • Built a custom storefront on Shopify’s Horizon theme, layering in branded sections and interactions to achieve a bespoke feel without heavy custom code.⁠
  • Structured core shopping flows across homepage, product pages, and collection pages with a mobile-first lens.
  • Added education + storytelling touchpoints (including recipe/blog components) to support discovery and conversion.
  • Implemented Klaviyo-connected email capture to support pre-launch growth and lifecycle messaging.⁠

Results

A polished, conversion-focused Shopify storefront that matches Motif’s elevated brand world and is built to scale. The launch response was strong: Motif sold out their full launch stock within 10 days and converted approximately 40% of their email list into paying customers.⁠

‍

Visit www.brewmotif.com

Collaborators / Credits  

Brand Design: Zero Studios
Photography: Hued Studio
Iconography: Leah Davis

‍

Other Projects

Two Cranky Cloud coffee pouches, Contrail Crema and Nimbus Noir, on a gray surface against an orange wall
Cranky Cloud illuminated storefront sign mounted under a wood-slat roof against a blue sky
Hand holding a phone showing the Cram 3-Piece Set in Pacific blue on a product page with color swatches
Cram Travel homepage in a desktop browser with a packing-cube hero image and a row of colorful cube sets
Quintessential q monogram sticker on a weathered green wall
Quintessential wordmark in white on a black background
Laptop showing the She's the Sauce Honey Mustard product page beside a tray of chicken nuggets and sauces
She's the Sauce homepage floating against a pink tiled background with the headline The sauces you know and love