Shopify UX & storefront design
Product-page and storefront design in Figma, by designers who sit next to the developers who build it. Designs arrive with every state and breakpoint, ready to build.
Not sure what to design first? The conversion diagnostic finds where customers get stuck.
In short
We design Shopify product pages, buying flows and storefronts in Figma, with a developer checking each design before it is final. The scope can be one flow or a whole theme, and it follows your brand, catalogue and customers.
Who this is for
- Stores improving product information and option selection
- Brands applying an existing identity to a Shopify theme
- Teams that want reviewed designs before development
How it works
- 01
Understand
Review the flow, your brand assets and what we know about your customers.
- 02
Design
Explore layout and content, then prepare the agreed screens in Figma, mobile first.
- 03
Review
Check every state and screen size with a developer before the design is signed off.
- 04
Deliver
Hand over the Figma files, or build them in Shopify when development is in scope.
Work we have done
Storefront design and product-page testing.
Delivery work- A/B testing
- Shopify Markets
- Klaviyo
Shared checkout tools for several brands.
Delivery work- Checkout UI Extensions
- Promotion engine
- A/B testing
A storefront rebuild. Then a custom PC builder.
- Owned data model
- Custom theme JavaScript
- Product options widget (PDP)
Questions
Do you build the designs?
Yes, if you want us to. Design-only work is also fine when you have your own developers.
Can you use our existing branding?
Yes. Send your brand assets and guidelines and the storefront will follow them.
Do we need to redesign the whole store?
No. A product page, a template or a single flow can be scoped on its own. A redesign without a clear problem to solve is usually money badly spent.
Tell us what isn't working.
In 20 minutes we look at your store with you and say what we would check first, and whether we are the right team for it.