Client: Osteria Coffee Co.. Role: Creative Developer. Duration: 2 Weeks.
Overview. Osteria Roasters sources its beans through direct trade and wanted a site that actually reflected that, not just an online store bolted onto a coffee brand. That meant real storytelling about where the coffee comes from, alongside straightforward ordering and subscriptions.
Challenge. The site had to work as a real store while still making room for editorial content: tasting notes, roast profiles, where each bean is actually from. Getting that balance right, without the store feeling like an afterthought or the content burying the checkout, was the challenge.
Solution. Built on Shopify with custom React components, with most of the design attention going to the product pages, the origin stories, and a checkout that stays out of the way. Going headless meant building real editorial product pages instead of settling for Shopify's stock templates, with the subscription sign-up following on naturally from there.
Results: Boosted Monthly Subscriptions. Reduced Cart Abandonment. Rich Brand Storytelling.
Built with: Shopify, Liquid, React, Tailwind CSS, Framer Motion.