Product & UI/UX Design work by Alterra Studio
Product & UI/UX Design

Products people get on the first try.

Book a call, get a price range

If users need a demo to understand your product, growth stalls. We design flows, interfaces and design systems that make complex products feel simple and give your engineers clear, buildable specs.

Sound familiar?

If one of these sounds like your team, read on.

  • 01
    Users sign up and never come back.
  • 02
    Our engineers designed it, and it shows.
  • 03
    Every new feature makes the app harder to use.
  • 04
    We need a prototype for investors by next month.
  • 05
    There's no design system, so every screen is a one-off.
  • 06
    Onboarding needs a 30-minute call to explain.
Why the usual fix fails

Adding screens one ticket at a time creates a product that works but doesn't make sense. Freelance UI work often stops at pretty mockups that never survive contact with real data and real engineering constraints.

What you need

Product design that starts from user flows and business goals, ends in a reusable design system, and is worked out with your engineers so what ships matches what was designed.

  • Design subscriptions

    Unlimited requests, worked one at a time, with a new round for every fix.

    What we do instead

    Projects run to a written scope and a date. A partnership works through monthly priorities you set with us.

  • Design-only studios

    The design looks right in Figma and loses its details in the build.

    What we do instead

    The people who design it also build it in Framer, Webflow or Next.js, and review the build against the design.

Proof

Product UI work.

Interface and motion pieces from our showcase, each built around a product state changing on screen.

See the full showcase
Flow builder card: Nodes that connect inside the card for an AI app builder.
Flow builder card Nodes that connect inside the card for an AI app builder.
Status table: Transaction rows that resolve from Pending to Success or Failed.
Status table Transaction rows that resolve from Pending to Success or Failed.
Isometric stack: Product layers that assemble into a mark, drawn as one isometric system.
Isometric stack Product layers that assemble into a mark, drawn as one isometric system.

Who does the work.

At many agencies a senior person pitches and a junior designer delivers. Here the people on your first call do the work. Ryan leads the call, and the people below are named in your written scope and stay on it to handover.

  • Ryan HofmannFounder & CEO

    Leads your first call, strategy and client relationships.

  • Max Van den BergProject Manager

    Max runs project schedules, so milestones, feedback and handover land on the dates we agreed.

  • Adrian DanilukUI/UX Designer

    Adrian designs product interfaces and websites, from wireframes to the final UI.

What happens, week by week.

You see the work at every stage, and you sign off the direction before production starts.

  1. Week 1

    Product audit

    We walk through the product with your team, review analytics and feedback, and agree the flows that will move the numbers.

    UX auditPriority flowsSuccess metrics
  2. Weeks 2–4

    Flows & interface

    Wireframes and prototypes first, then high-fidelity UI tested against real content and edge cases.

    PrototypesUI screensReview sessions
  3. Ongoing

    System & handoff

    Components and specs organized for your engineers, with build reviews so the shipped product matches the design.

    Design systemDev specsBuild QA
Typical engagement

Flow redesign

One critical journey, like onboarding or checkout, redesigned and specced.

  • Audit
  • Prototype
  • UI
  • Handoff
Typical engagement

Embedded product design

Ongoing senior product design alongside your engineering team.

  • Roadmap support
  • UI & system
  • Build reviews
  • Weekly cadence
How we do it4 principles

How we work on it.

01

Flows before screens

We map the journeys that matter, like onboarding, activation and the core loop, before polishing any pixels.

02

Built for real data

Empty states, edge cases, errors and long names are designed in, so the product holds up in production.

03

Design systems that scale

Reusable components and tokens your engineers can implement once and use everywhere.

04

Inside your workflow

We work in your Slack, Linear and Figma, review builds and answer implementation questions as they come up.

What can be included
UX auditUser flows & journey mapsWireframes & prototypesUI design (web & mobile)Design system & componentsInteraction & motion specsDeveloper handoff & QAPitch & demo prototypes

Projects from $10k, fixed price in a written scope. See all prices

Not sure what you need yet? The Brand & Website Diagnostic, $3,000 in 5 working days.

Product & answers.

What founders ask before hiring us for product & ui/ux design.

Do you work with our existing engineering team?

Yes, that's the usual setup. We join your tools, plan with your product lead and review builds with your engineers so the design survives implementation.

Can you build the product as well?

We design and build marketing sites, front-ends and prototypes. For full application engineering we scope the build case by case, or work alongside your developers.

Can you design a prototype for a fundraise or demo?

Yes. A clickable prototype that tells the product story clearly is often the fastest way to show investors or early customers where the product is going.

Do you do user research?

We run lightweight research like interviews, usability tests and analytics reviews where it changes decisions. Larger research programs are scoped separately.

Book a 30‑minute call.

Pick a time on the calendar. Under a minute, start to finish.

Prefer email? [email protected]

Ryan HofmannFounder, leads every first call

30 minutes, free, with the people who'd do the work. You leave with a recommended scope and price range, even if we're not the fit.

Book a call, get a price range
Take the 3-min scorecardBook a 30-min call