Product UI people actually enjoy using.

Dashboards, flows and product screens, designed for real use and built in React and TypeScript, ready to connect to your backend.

app.acme.com/invoices200 OK
Invoices 4 this month
Outstanding$12,480
Paid$38,215
Overdue$1,920
ClientStatusAmount
NorthwindPaid$4,200
GlobexSent$6,280
InitechOverdue$1,920
UmbrellaPaid$2,640
Invoices.tsxReact · TypeScript

        
Pick a state, see its code
Timeline
3–8 weeks
Starting at
$6,000
Built in
Figma, React and TypeScript
Delivered as
A reviewed pull request
Who it’s for

A good fit if your product needs a better front-end.

  • 01

    You’re adding a major feature

    A new module, a dashboard or a core flow that has to feel like it was always part of the product.

  • 02

    It works, but it’s confusing

    Users get lost, support answers the same questions, and onboarding drops off. The logic is fine; the interface isn’t.

  • 03

    The backend is ready, the front-end isn’t

    You have an API and a data model, and need the screens built on top of them without hiring a full team.

Packages

One flow or a whole app.

Both are fixed-price, with a written scope before any work starts.

Core flow

One feature or flow, from wireframes to a pull request.

Timeline
3–4 weeks
Starting at
$6,000
  • User flow and wireframes
  • High-fidelity UI in Figma, with every state
  • A clickable prototype to test before building
  • React and TypeScript front-end for the flow
  • Empty, loading and error states built in
  • Delivered as a reviewed pull request
Get a quote

Web app

A full product front-end, ready for your backend.

Timeline
6–8 weeks
Starting at
$18,000
  • Everything in Core flow, plus:
  • Up to 8 screens, with navigation and layout
  • Tables, charts, forms and settings
  • Connected to your API, or to mock data until it’s ready
  • End-to-end tests for the key paths
  • A handover session for your engineers
Get a quote
What you get

Design and code, built together.

One person designs and builds it, so what you approve in Figma is what ships, with no hand-off gap.

  • Flows and UI

    Flows, wireframes and high-fidelity screens with every state, plus a prototype your users can click through.

    Figma
  • React front-end

    Components, routing and state, written to be read and extended by your team.

    React
  • Typed end to end

    TypeScript across props and API data, so changes to the backend show up as errors, not as bugs.

    TypeScript · Next.js
  • Tested

    The key paths, like signing in or creating a record, are covered by tests that run on every pull request.

    Playwright
Process

From your users to a merged pull request.

  1. Week 1

    Users and data

    We agree on who uses it, what they need to get done, and what your data and API can support.

  2. Weeks 1–3

    Flows and prototype

    Wireframes, then high-fidelity screens with every state, and a clickable prototype to test before building.

  3. Weeks 3–7

    Build

    React and TypeScript, shipped as pull requests to your repo with preview links you can open any time.

  4. Handover

    Review and merge

    A final review with your engineers, then it’s yours. Anything found in the first 30 days is on me.

Projects

Product UI I’ve designed and built.

FAQ

Questions, answered

Something else? Email hi@klep.dev

Do you build the backend too?

No. I build the front-end and connect it to your API. If the API isn’t ready, I work against mock data so the UI isn’t blocked.

Can you work in our existing codebase?

Yes, and it’s the usual setup. I work in your repo, follow your conventions and open pull requests for your team to review.

Do you use our design system?

If you have one, yes. If you don’t, I can start from simple tokens and components, or scope a design system alongside.

Do you test with real users?

The clickable prototype is made for it. I can run short sessions with your users, or give you a script to run them yourselves.

What happens after the pull request is merged?

You have 30 days of fixes. After that, you can continue with the Design engineer on call plan for new screens and changes.

More services

Need something else?

Have a project in mind?

Tell me what you’re building. If I’m not the right fit, I’ll tell you that too.

or email hi@klep.dev
20-min intro call

Book a call

Pick a time that works for you. I’ll confirm by email with a meeting link.

Day

Time