Skip to content
XSIS
A designer working on plans across two screens in an open office

Software Engineering

Experience Design

Interfaces designed around the people who use them, and built from parts your teams can reuse.

Why It Matters

People judge software by whether they can finish the task. When screens follow the system instead of the work, users make mistakes, call support or give up.

Design often arrives late, after the build is fixed. Teams then restyle screens without fixing the flow, and every new feature invents its own pattern. The cost repeats with each release.

What We Do

  • Interviews, observation and analytics turned into decisions you can act on.

  • The structure and names that help people find their way through a product.

  • Something your users can click and test before anyone writes production code.

  • Shared parts and rules that keep every screen consistent as the product grows.

  • Screens that work with a keyboard, a screen reader and poor sight.

What Changes for You

  1. We test the flow with real users before build, so confusing steps and missing states are fixed while they are cheap to change.

  2. The interface works with a keyboard, a screen reader and a small screen because accessibility is part of the design.

  3. Shared parts and written rules keep new pages consistent, so your team can add features without inventing a new style.

How the Work Runs

Design starts with evidence and ends with parts your developers can build. Each stage asks you to approve what the next one will solve.

  1. Research

    We watch and interview the people who use the product, and review support and analytics. We ask what they do today, not only what they want. You give us access to users and the questions you need answered.

  2. Structure

    We map the tasks, names and content into a structure. We test the names with the people who use them. You approve the language and the order people will meet it.

  3. Prototype and Test

    We make clickable prototypes and test them with real users. You decide which problems must be fixed before build.

  4. Hand Over

    We document the parts and rules, and work beside your developers. You decide who owns the design system after handover.

Team and Engagement Options

The design team can sit inside your product team or work as a defined stage. You choose the shape that fits.

  • Designers join your product team and work in your tools. They attend your reviews and hand over with the code.

  • A defined design stage with a result and date agreed first. You approve each milestone before the next starts.

  • A team that builds and maintains the design system. It keeps design files and code in step.

Platforms and Technologies

We work in the tools your product team uses. Salesforce is a customer system. Figma is the design tool, Storybook shows components in code, and WCAG is the accessibility standard we design to. React is a front-end library for the built interface.

Frameworks
  • React
Design and accessibility
  • Figma
  • Storybook
  • WCAG 2.2
CRM and workflow platforms
  • Salesforce

Naming a product does not mean a partnership with its vendor.

Questions

What product teams ask before they invest in design.

Do we need research if we already know our users?

You know a great deal, and research builds on it. A short round of interviews and prototype tests can reveal steps and words that never reach a requirements document. It costs less than changing software after launch.

What shapes the effort design needs?

The number of user roles, tasks and languages, plus the state of the current product. Research, prototypes and accessibility testing add effort. We agree the scope before each stage.

How do you make a product accessible?

We design enough contrast, visible focus and a logical reading order from the first screen. Automated checks run on each change, and people test key tasks with a keyboard and a screen reader. Accessibility is checked before release, not after a complaint.

What is a design system, and do we need one?

A design system is a shared set of components and rules for using them. It suits a product with several teams or a long life. A small product may need only a few shared parts.

Do we own the designs?

Yes. You own the design files, the components and the written rules. Your team can change them without us. We hand over the source files and the code that matches them.

Visit the Knowledge Base

Tell Us What You Need to Run, Build or Secure.

Describe the service, the systems and the pressure you are under. The right team takes it from there.