Syra Coffee
A custom Shopify store for a Barcelona specialty coffee roaster, built to make buying fresh, seasonal coffee feel easy.
- Industry
- Coffee brand
- Services
- Shopify development
- Result
- Custom Shopify theme
The brief
Syra Coffee roasts every week in Barcelona and sells beans, capsules, tea, brewing gear, machines and subscriptions, alongside a growing set of cafés across Spain. The brand and photography were already in place. The job was website development: turn their design into a fast, flexible Shopify theme that keeps a large, changing range easy to browse on any screen.
What we did. Step by step.
- 01
A homepage built from flexible sections
The homepage opens with a full-width hero, "El ritual que nos conecta", followed by shipping and sourcing highlights, a featured product block, coffee carousels, brand values and the café locations. Each part is a reusable Shopify section, so the team can reorder, swap colors and update content from the theme editor without touching code.
Homepage on desktop and mobile - 02
A shop that handles a big catalog
Collections cover coffee, tea, packs, equipment, machines and a corner shop, each with sub-filters like filter, espresso, V60 or Moka pot. Product cards show origin, price range and labels like New or Online Only, and product pages carry the full coffee profile: producer, altitude, process, variety, cupping score and what it is good for, with weight and grind options before adding to cart.
Coffee collection and product page - 03
Mobile first, because that is where people buy
Every section was built and tested on phones first: swipeable product carousels, the colorful brewing guides for V60, Moka pot and Aeropress, café locations and the subscription offer. Tap targets, sticky navigation and the cart stay easy to use one-handed.
Homepage sections on mobile
The result. What it delivered.
Syra Coffee now runs on a custom Shopify theme that matches their brand closely and that the team can manage themselves. New coffees, seasonal packs and campaigns go live from the theme editor, on desktop and mobile alike.
