Different Dog is a B Corp in Birmingham that cooks fresh dog food and delivers it on subscription — real meat, vegetables and superfoods, no grains or artificial filler. I joined for a short engagement to build the technical foundation underneath a full brand rebrand.
The work was a published component library, @differentdog-hq/ui, and the quality infrastructure around it. It ships a token-driven Tailwind preset, foundational primitives, compound components and composed page sections — around 140 components in total, each documented in Storybook. The library is framework-agnostic: consumers inject their own Link and Image through a provider, so the same components render in the Next.js and Payload CMS website without the library knowing anything about either.
Contributions
- Built and maintained the technical foundation of a full brand rebrand, as a versioned package the website consumes.
- Set up the UI library architecture — token layer, primitives, components and sections, with stable kebab-case import subpaths at every level.
- Made accessibility a build failure rather than a review comment: Storybook's a11y addon runs in CI with violations set to error.
- Wired Chromatic for visual regression, Vitest and Playwright for component and browser tests, and Biome for lint and format.
- Shipped the conversion-tracking layer — a hero form component and a
sendTrackingEventhook — so marketing could measure CTA and form conversion directly.