Skip to content

B2B SaaS design:
A broad product idea shaped into a focused MVP

We helped a B2B founder turn a broad product concept into a focused SaaS MVP. Before development started, we defined user roles, core journeys, MVP priorities and navigation, and built interactive prototypes and a reusable design system.

Industry: SaaS & TechnologyService: Design & StrategyUpdated

Joined-up product experience
One
Interactive prototype
Live
For engineering handoff
Ready

Overview

Project
at a glance

Business
Early-stage B2B SaaS companyA founder-led company with deep knowledge of its market and a long list of product ideas, but no clear plan for the first release.
Partnership
SaaS product strategy and UX designWe worked with the founder on product strategy, UX design and prototyping, then prepared the designs for handoff to engineering.
Goal
A clear product the team can buildAgree what the first release must do, and show it in screens the founder can review before development starts.
What we built
Product strategy, UX and prototypePersonas, feature priorities, information architecture, key workflows, responsive screens, prototypes and reusable components.

The challenge

What was getting
in the way

The founder understood the customer problem well, but the feature list had grown quickly. Different types of user needed different workflows, and nobody was sure what had to be in the first release.

Starting development straight away would have raised costs and led to avoidable rework. The founder needed product decisions made visible before anyone wrote code.

  • Unclear MVP

    Too many features were competing for a place in the first release.

  • Different roles

    Admins, managers and end users each needed their own journeys and permissions.

  • Late surprises

    UX questions left open would only have come to light during engineering, when changes cost more.

The solution

What
we built

  1. 01

    Users and priorities

    We set out the user roles, business goals and core problems, then agreed which workflows the MVP had to include.

    Focus
    Product strategy
    Users
    Role-based
    Experience
    Simple
  2. 02

    End-to-end journeys

    We designed flows, navigation, dashboards, forms and key product states around what each user is trying to get done.

    Discipline
    UX design
    Coverage
    End-to-end flows
    Built for
    Each user role
  3. 03

    A prototype before code

    Interactive prototypes let the founder try the real experience before spending more on engineering.

    Output
    Interactive prototype
    Review
    Before development
    Handoff
    Documented components

Before and after

How the work
changed

Product scope

Before

Everything feels important

The first release held too many competing ideas.

After

Focused MVP

Features are ranked by how directly they deliver the core value to customers.

User experience

Before

A feature list

Flows and navigation existed only as ideas.

After

End-to-end journeys

The team can see exactly how users complete each key task.

Handoff to engineering

Before

Open questions

Engineers would have had to make product decisions while building.

After

Clear design system

Reusable components and documented flows leave less room for guesswork.

Key features

What made it
useful

  • Product strategy

    MVP priorities

    The first release focuses on the workflows that matter most for proving value to customers.

    Business impact

    Lower product risk

  • UX design

    Complete user journeys

    Roles, navigation, dashboards, forms and key states are designed as one joined-up product.

    Business impact

    Clearer product direction

  • Prototyping

    Clickable prototype

    The founder and other stakeholders can review and test the product before full development.

    Business impact

    Less rework

Results

The business
difference

  1. Scope

    Clearer Roadmap

    Clear MVP

    The team knows what belongs in the first release and what can wait.

    Before: BroadAfter: Focused

  2. Decisions

    Faster Decisions

    Stakeholder agreement

    Flows and prototypes make product decisions visible, so they get made sooner.

    Before: AbstractAfter: Tangible

  3. Handoff

    Smoother Handoff

    Ready for development

    Engineers receive clear workflows, components, states and priorities.

    Before: AmbiguousAfter: Defined

Faster delivery

Built on tested foundations

Starting from tested patterns cut repeated design work, so the founder had a prototype to review sooner.

  • Sign-in and permission screens

    Gave us tested patterns for sign-in and role permissions, which we adapted for admins, managers and end users.

  • Settings and integration screens

    Provided proven layouts for account settings and connected tools, so these screens did not start from a blank page.

  • Status and error states

    Covered the loading, empty and error states that every dashboard and form in the product needs.

  • Notification and feedback patterns

    Defined how the product tells each user that something needs their attention or that a task is done.

Trust and control

How we kept it
safe and reliable

  • 01

    Access designed by role

    Admins, managers and end users each have their own journeys and permissions, agreed before any code is written.

    Access controlled
  • 02

    Consistent information

    Customer, day-to-day and product information is shown the same way across every screen and journey.

    Connected
  • 03

    No guesswork for engineers

    Key product states, including errors, are designed up front, so engineers know how the product should behave.

    Reliable
  • 04

    Design and IP ownership

    The founder owns all the product designs, workflows, prototypes and components created for the project.

    100% owned

FAQ

Straight
answers

Have a different question? Ask it on a 30-minute call.

Book a call

We started by setting out the user roles, business goals and core customer problems with the founder. Each idea on the long feature list was then ranked by how directly it helped prove value to customers. Only the workflows that mattered most went into the first release, and the rest were kept for later.

Shape your SaaS idea before you build it

If your feature list keeps growing and the first release is still unclear, we can help you agree an MVP and test it as a prototype first.