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
Built for small teams who need to move fast, and validate their product on the market.
Launching
Essentials only. Launch a branded store or landing page that converts and gets your idea out fast.
No-code solutions for Shopify or a portfolio websitePhotographer portfolios and independent creative websitesCustom styling and setup supportEasy-to-edit CMS
From $999 / ¥7k~ 2 months
Launch with UsGrowing
For teams that have outgrown their current site and need a scalable solution to support future growth.
Growing
Scale your product or take the next step with a custom website that is built to grow with you.
Custom design and developmentFlexible CMS with reusable sectionsBuilt for speed, conversions, and campaign launchesMid-level integrations (e.g. subscriptions, reviews)
From $2k / ¥15k~ 3 months
Scale with UsEnterprise
For large teams that need robust, flexible solutions that have complex requirements.
Enterprise
We design scalable e-commerce platforms with modular systems and tailored solutions for global markets.
Scalable UX and design systemsCustom developmentSolutions for global markets (multi-store, Shopify+)Complex integrations (e.g. VTO, Shade Finder, Findation)
From $4k / ¥30k~ 6 months
Explore our Solutions