21phi

How we work

Every project is scoped individually, starts with the contact form, and continues after launch with the same senior team embedded in yours.

21phi is a Shopify Hydrogen agency with Shopify Plus experience, and this is how we work: every project is scoped individually, built by a small senior team, and kept running after launch by the same people who built it. The model is for direct-to-consumer brands on Shopify or Shopify Plus that want one accountable partner for storefront, integrations and analytics, rather than a developer who ships and leaves.

Shopify Hydrogen is Shopify's React-based framework for building headless storefronts on top of Shopify's Storefront API; current versions are built on React Router (formerly Remix). A Liquid theme is a conventional Shopify storefront built with Shopify's Liquid templating and the theme editor; the alternative to Hydrogen. If a theme would serve your store better, we say so on the first call.

There is no price list and no standard package. Every engagement is scoped to your catalog and your team, which is why the contact form is the first step.

Process

01

First call

You fill in the form, we read it properly and come back with questions. On the call we want to know what the store sells, what slows the team down and what a good outcome looks like.

02

Discovery and audit

We meet everyone who will live with the storefront, founder to customer care to ads team, and read the current stack: code, apps, tracking, integrations, search visibility. The output is one shared brief: what to keep, what to fix, what a migration must protect.

03

Scoping

Scope is written individually, never from a template: what Hydrogen needs to express, what stays in Shopify's admin, which integrations are rebuilt and how the engagement continues after launch. We are honest about what Shopify's hosted checkout cannot do.

04

Build

Design and development run on a design system, with staging previews so your team reviews real pages. Product data stays in Shopify, editorial content in a CMS your team can edit, and tracking is built into the code, not bolted on.

05

Launch

Launches are planned, not improvised. Redirect maps, test orders in every market, attribution checks through to checkout and QA time on the calendar all come before anything goes live, timing is coordinated with your ads team, and we never switch a store over on a Friday or a weekend.

06

Embedded operation

After launch we join your channels as your embedded Shopify team. Any department's request lands with us, from a final-sale label on a product page to a broken inventory sync, and the people who built the store fix it. This is how we work with the clients who keep us on, and it is described in full under Shopify support and maintenance.

Engagement models

Project build

A scoped Shopify Hydrogen storefront build, a migration from a Liquid theme, or a redesign of the pages that make money, from discovery to a planned launch. The project is planned to hand over into the embedded model, because storefronts keep changing after they ship.

Embedded team

Embedded team is 21phi's engagement model after launch: the agency works inside the client's channels and roadmap as the storefront, analytics and growth team, on a monthly retainer scoped per client. That means integrations of every kind, launch visuals, broken apps, urgent fixes, a weekly analytics review, and framework and API upkeep as a standing item. It costs more than a body shop because a named senior person knows your codebase, data and team, and closes requests instead of opening tickets; it pays through fewer vendors, fewer hand-offs and a storefront that is reviewed and improved every week.

Audit

A focused audit of the storefront, the tracking layer or the conversion funnel, for teams that need a clear answer before committing to a build. You get findings, a prioritized plan and a scope you can act on with us or with your own team.

What a first call covers
  • Your store URL and, if available, access to the current storefront code
  • The apps and integrations you depend on, and the ones that keep breaking
  • Who touches the storefront day to day, from founder to customer care to ads partners
  • Which markets you sell in and how pricing and discounts differ by country
  • How you measure the store now and which numbers you do not trust
  • What happens next: we come back with questions and a written scope, never a template

Selected work

  • A Shopify Hydrogen storefront for a men's performance apparel brand, built around product systems and run by 21phi as the embedded storefront, analytics and growth team.

    Shopify Plus · Shopify Hydrogen on Remix / React Router · Oxygen edge hosting · Storefront API and Customer Account API · Shopify Markets · Shopify web pixels and ad pixels, implemented in code · Amplitude for funnels, retention and session replay · Mux for video

  • A Shopify Hydrogen storefront 21phi designed and built for Kayusha, a premium pet-carrier brand: quiet typography, large imagery, colorway swatches, filters and a short path to checkout.

    Shopify, running products, inventory, orders and checkout · Shopify Hydrogen on Remix / React Router · Oxygen edge hosting, deployed from Git · Storefront API, Shopify's GraphQL API that a headless storefront uses to read products, collections, carts and customer data · Shopify checkout, kept hosted by Shopify · Shopify CDN for product imagery

  • Éva Blanc

    Concept store

    Éva Blanc is a 21phi concept store: a fictional premium skincare brand whose identity, 3D product renders, editorial brand story and Shopify Hydrogen storefront were all made in-house.

    Shopify Hydrogen on React Router · Oxygen edge hosting · Storefront API for products, collections and carts · Shopify-hosted checkout and customer accounts · 3D rendering for product and texture imagery · Figma for design and hand-off

FAQ

FAQ
  • How does a project with 21phi start?

    Every engagement with 21phi starts with the contact form on 21phi.com. A senior team member reads it, comes back with questions and books a first call about the store, the team and the problem to solve. Scoping begins there and is written individually for each brand, with no fixed package and no template.

  • Does 21phi stay after launch?

    21phi stays after launch. The engagement continues as an embedded team that works inside the client's channels and roadmap as the storefront, analytics and growth team, on a monthly retainer scoped per client. Any department's request goes to the senior people who built the storefront, from a new integration to an urgent fix, and framework and Shopify API upkeep is a standing monthly item so the store does not break.

  • Why does 21phi cost more than a body shop?

    21phi costs more than a body shop because a named senior person stays on the account, knows the codebase, data and team, and closes requests instead of opening tickets. Brands get fewer vendors and hand-offs, a weekly analytics review, and a storefront that is maintained rather than patched. That is how we work, and it is why clients keep the team on.

  • Does every 21phi project need Shopify Plus or Hydrogen?

    Not every 21phi project needs Shopify Plus or Hydrogen. 21phi is a Shopify Partner with Shopify Plus experience and builds its storefronts on Shopify Hydrogen, but that choice is made on the first call, based on the catalog and the team. If a well-built Liquid theme covers the experience, 21phi says so and recommends the smaller path.