How we workHow does a Shopify design project run?
01Taking stock
We review the current theme, analytics, session recordings and support tickets. We want to know where users get stuck today before we draw anything new.
02Structure
We define page types, navigation and content building blocks. The result is a list of sections and blocks that later exists in the theme exactly that way.
03Design system
Type scale, colour roles, spacing, states and components get defined. Everything gets a name that also holds up in code and in theme settings.
04Templates
We design the page types within that system, including the awkward cases: long product names, missing images, sold-out variants, four-figure prices in a foreign currency.
05Prototype and test
We make the critical flows clickable and walk real users or your team through them. Changes are still cheap here; in the theme they are not.
06Handover and support
We walk the design system, components and edge cases through with the developers. Then we review the build in the real theme, not in a screenshot comparison.
FAQFrequently asked questions about UX/UI for Shopify
What makes Shopify design different from general web design?
A Shopify design meets a fixed data model of products, variants, collections and metafields. Designing against it produces special-case logic in the theme. The checkout adds another constraint: it is largely predefined and can only be adapted within set boundaries, which rules out some layout ideas early.
Do we need a new theme or is a redesign on the existing one enough?
The state of the code decides that, not the wish for a new look. If the theme is cleanly structured and only looks dated, a redesign on the existing base is enough. If templates are layered with years of special cases and app leftovers, a new theme is usually cheaper than repair.
How do the design system and theme settings relate?
A design system that only lives in Figma drifts apart after the first sprint. We store colour roles, type scale and spacing as theme settings and CSS variables. Changes then run through the theme editor and take effect everywhere at once, without anyone touching templates.
Do you test designs with real users?
For anything beyond a single click, yes. Variant pickers, configurators, filters and pre-checkout steps get judged in a clickable prototype with people from your audience. For detail questions on a live page, an A/B test from the CRO side is a more honest answer than a round of opinions.
How does accessibility enter the design?
As a requirement on the design, not as an audit afterwards. Contrast values, focus styles, target sizes for touch, visible labels and a sensible heading hierarchy are fixed in the design system. Retrofitting the same result costs a multiple - and usually forces visual compromises.
Can you work alongside our existing design team?
Yes. We often take the Shopify-specific part: translating the brand into theme building blocks, states, edge cases and the handover to development. Brand direction then stays with your team or your lead agency. All we need is clarity about who decides what.
Does your store still match your brand?
We look at your theme, your templates and your numbers and tell you whether a redesign, an optimisation or nothing at all is the right next step.