Partners Running an agency? Partner with us
The Graylemon Journal Build logs, teardowns and method, by email. Subscribe All resources
Follow the studio LinkedIn Instagram
Partner with usBook a call (opens in a new tab)
AI Creative Studio · Capability 03

Product and UI/UX design

Screens designed for how people already work. Product interfaces, flows, and design systems with component libraries built for engineering handoff, from people who build products too.

What's included

What you receive.

Product and UI/UX design · what you receive5 deliverables
  1. Product interfaces

    The screens people use every day, designed around the tasks they come to do.

  2. Flows

    The paths through the product, designed around the moment each task matters.

  3. A design system

    Tokens, components and patterns: one source of truth for design and code.

  4. Component libraries

    Named and structured the way the code will be, so handoff isn't a translation.

  5. Prototypes

    Clickable versions to test with real users before anything is built.

How we approach it

Design where the work already happens.

We start from the moment a task matters, not from a screen list. For apprn, that meant designing around the salon chair: the one-time code an artist enters to start a service, and the record it leaves for the owner.

Design and engineering sit in the same team, so a component is designed the way it will be built. What the handoff file says is what ships.

The work

Product and UI/UX design, in practice.

Every piece is labelled by where it comes from: our own ventures, client work published with permission, or a sample.

All creative work
The service

Product and UI/UX design is one of six capabilities in AI Creative Studio, scoped per project.

AI Creative Studio
Next step

Show us the product. We'll show you how it should look.

Book a call (opens in a new tab)

The method behind it: Decide · Design · Ship and Feature-to-Moment.

Search Graylemon

↑↓ Move↵ OpenEsc Close