Portfolio energy, shop mechanics
The product index is typographic and editorial – big serifs, generous whitespace – but every title is a product card, so browsing the work is indistinguishable from shopping it.
Case brief
DMB. Brandshop
UI/UX DesignDevelopment
DMB. is one of Demner Group’s creative agencies in Vienna, and the Brandshop is where they sell the physical by-products of that work – yearbooks, posters, campaign prints, limited-edition design pieces. We built a bilingual (EN/DE) Next.js storefront on headless Shopify that reads like a portfolio until you realise everything in it is for sale.
Delivery highlights
- 01Editorial, typography-led product index (“44. Yearbook”, “d’Amour”, “On Behalf of Nature”)
- 02Headless Shopify backend with a fully custom Next.js front-end
- 03Bilingual EN/DE content model with synced product data
- 04Playful cart and copy (‘Craving these design goodies?’) that keep the agency voice
- 05Integrated portfolio (WORK) section living next to the storefront
- 06Clear link-out to sibling Demner Group brands (DMB, FLY, MEDIA1)
Brief and constraints
Briefing & Challenges
Client Brief
“The Brandshop is the by-product of our creative work – yearbooks, posters, limited-edition prints. The site has to read like a DMB. project, not a Shopify store. People should recognise it as ours before they notice there’s a cart.”
Challenges
- Building a storefront that feels like an agency piece, not a templated Shopify theme
- Balancing the playful, copy-heavy agency voice with a functional checkout
- Running a bilingual (EN/DE) catalog without duplicating the CMS
- Sitting credibly inside the broader Demner Group family of brands
Delivery path
Our Approach
Headless for creative freedom
We kept Shopify as the commerce engine but rebuilt the front-end in Next.js so the design team could treat every page like a one-off – without fighting a theme.
Bilingual by design
EN and DE share one product model but have fully authorable copy, so the DMB. team can keep the voice sharp in both languages without double-entering SKUs.
Result proof
The Results
Scope / stack / outcome
Project Highlights
01
Typographic Product Index
A homepage where “44. Yearbook”, “Elementary ECO” and “On Behalf of Nature” sit on the page like magazine features – and every one of them is a PDP.
02
Playful Cart
Even the empty-cart and checkout copy stays in voice: ‘Changed your mind? Then just check in for a coffee with us.’ Commerce chrome is kept quiet so the brand speaks first.
03
Bilingual UX
A language switch that preserves context across product, cart and content pages, so the DE experience is a first-class citizen instead of a secondary translation.
Related cases
Similar Projects
Next investment stage
Launching Sprint
For landing pages, MVP stores, personal portfolios, photography collections, and focused launches that need a clean first release.
Launching Sprint
Essentials only. Launch a branded store, landing page, portfolio, or photo collection that converts, is easy to edit, and gets your idea in front of the market fast.
Shopify or WordPress/WooCommerce starter storesLanding pages with custom WordPress or Shopify theme developmentPortfolio and photography collection websitesCustom styling and setup support
From $999 / ¥7k~2 months
Launch with UsGrowth Build
For custom websites, Shopify builds, WordPress theme development, CMS systems, redesigns, and campaign-ready foundations.
Growth Build
Scale your product or take the next step with a custom website that supports launches, content workflows, and long-term growth. Includes 3 months of complimentary SEO support after launch.
Custom design and developmentWordPress theme development with editable CMS fieldsFlexible CMS with reusable sectionsBuilt for speed, conversions, and campaign launches
Typical projects from $5k / ¥35k~3 months
Scale with UsEnterprise / Ongoing Partner
For complex commerce, global rollout, multi-market systems, and long-term retainers.
Enterprise / Ongoing Partner
We design scalable e-commerce platforms, modular systems, and tailored workflows for large teams working across markets.
Scalable UX and design systemsCustom developmentSolutions for global markets (multi-store, Shopify+)Complex integrations (e.g. VTO, Shade Finder, Findation)
Scoped after discovery6+ months or retainer
Explore enterprise work