Skip to content
Services

Web & mobile applications

Interface work where the constraint is real usage, not the demo. That means performance budgets on mid-range hardware, accessibility verified rather than assumed, and a component system your team can build on after we go.

When teams call us

If more than one of these is true, this is usually the right starting point.

First phase is typically 4–8 weeks.

  • Your app is fast on your laptop and slow for your users
  • Accessibility came up in a procurement review
  • Every new screen means rebuilding the same components again

What it covers

  • A tokenised design system, not a folder of components
  • Performance budgets enforced in CI
  • WCAG 2.2 AA verified with real assistive tech
  • Responsive from 320px up, not down from desktop

What you keep

  • A component library with documented variants
  • Design tokens as a single source of truth
  • An accessibility audit with the fixes already applied
How it runs

How we approach it

The sequence this work follows, and why it is in that order.

  1. Tokens before components

    Colour, type, spacing and motion become named values first. Build components first and every one of them hardcodes a slightly different grey — which is how design systems rot in month three.

  2. Component library before screens

    Screens assembled from a documented library, never bespoke markup per page. The test is whether your team can build screen forty without us.

  3. Budgets wired into CI

    Bundle size and Core Web Vitals thresholds fail the build from the first commit. A performance pass at the end is a rewrite wearing a different name.

  4. Accessibility verified, not asserted

    Automated checks catch perhaps a third of it. The rest is keyboard-only passes and real screen-reader testing, done as screens are built rather than in an audit afterwards.

What we build with

The stack for this work

Chosen per engagement, not per fashion. If your team already runs something that works, we use that instead.

  • Interface

    • React
    • Next.js
    • React Native
    • TypeScript
  • Styling

    • Tailwind CSS
    • Design tokens
    • CVA
    • Radix
  • Quality

    • Playwright
    • axe-core
    • Lighthouse CI
  • Motion

    • GSAP
    • Framer Motion
    • Lenis
Before you ask

Questions we get about Web & mobile applications

Let’s talk

Need Web & mobile applications?

One week, and you keep the baseline and the plan either way.