The AI Era

UX/UI Design for AI

More Projects:

Designing Agents and AI Experiences for Our Clients’ Products 

Adding an Agent to a product is not the same as adding a chat window. 

For an Agent to become a meaningful part of the product, you need to define: 

  • What problem does it solve? 
  • What can it do? 
  • What information does it rely on? 
  • How autonomous should it be? 
  • When should it ask for approval? 
  • How does the user understand its recommendations? 
  • What happens when it is wrong? 
  • How does the user remain in control? 

In complex B2B systems, these questions become especially important. 

Identifying the Right Opportunity 

Not every action in a product should become AI-powered, and not every workflow requires an Agent. 

We map the users’ work and identify where an Agent can create meaningful value. 

For example: 

  • Summarizing large amounts of information 
  • Detecting anomalies and patterns 
  • Surfacing insights 
  • Recommending priorities 
  • Performing repetitive actions 
  • Preparing an action for approval 
  • Guiding users through complex workflows 
  • Coordinating between multiple systems 
  • Supporting decision-making 
  • Performing tasks on the user’s behalf 

Key Considerations When Designing AI-Powered Products

Explainability 

Users need to understand what the system did, what information it relied on and how confident it is in the result. 

We design explanation mechanisms that create clarity without overloading the experience. 

Human in the Loop 

Good automation also knows when to stop. 

We define which actions can be performed autonomously and where human review, approval or intervention is required.

Trust 

Trust is built through consistency, transparency and predictability. 

We design experiences that strengthen the user’s sense of control and reduce uncertainty throughout the interaction. 

Data Privacy 

AI introduces new questions around information, permissions and data usage. 

We design experiences that clearly communicate what data is collected, why it is being used and what level of control the user has. 

Persona, Voice & Tone 

The way AI communicates is an integral part of the product experience. 

We define the personality, language and tone so they fit the brand, the context and the situation the user is in.

No Need to Wait 

No Need to Wait 

New content is coming here soon. 

In the meantime, ProductX VOD includes excellent talks from experts and industry leaders on Product, UX/UI, AI and more

vod.productx.org

Our Process

Group 1707478609
Group 1707478732 (1)
Group 1707478674 (1)
Group 1707478739 (1)

Learn and Define 

We learn the company, product, business goals, project goals, users, key tasks and core flows. 

01
02

Identify Opportunities 

We identify where AI, Agents or Vibe Coding can create meaningful value – and where a more traditional solution would work better. 

Shape the Solution

We define the role of AI, its level of autonomy, key scenarios, system states and the relationship between the AI and the user. 

03
04

Build a Working Prototype 

Using design and Vibe Coding, we create an interactive solution that can be experienced, tested and improved. 

Test and Refine 

We evaluate the solution with users, against UX principles and with support from our professional AI agent ecosystem. 

05
06

Design and Document for Development 

We finalize the interface, define its behavioral logic and prepare a clear, development-ready deliverable. 

Project Example 

AI That Reduces Manual Work and Improves Decision-Making 

At Joshu, an insurance product, we identified a wide range of opportunities for integrating AI – but we also recognized that not every opportunity justified the same level of investment. 

We therefore started by analyzing the existing workflow, speaking with users and identifying the areas where AI could create the most meaningful value. 

One of the key opportunities was the creation of a new insurance policy. 

This was a highly manual process in which an underwriter had to review documents and emails received from the broker and manually enter dozens – sometimes hundreds – of fields into forms within the system. 

We found that this process not only consumed significant time, but also affected decision-making. In fact, users were performing some of their comparison and prioritization work outside the system using Excel spreadsheets. 

Automating Manual Work 

The solution we designed allows users to upload the relevant files directly into the system. 

AI extracts the relevant information and automatically populates the required fields. 

This significantly reduces manual work and minimizes the constant back-and-forth between source documents and forms. 

Once this stage became faster and easier, it also created an opportunity to bring additional parts of the comparison and prioritization workflow back into the product. 

This deepened product usage and helped the organization identify more quickly which policies were worth investing time and resources in. 

Keeping the User in Control 

At the same time, it was important to us that the AI would not become a black box that users were simply expected to trust. 

We therefore integrated an Explainability and review layer directly into the workflow. 

Users can view the original document alongside the populated form, compare the source with the extracted information and review the confidence level of each answer through a Confidence Score. 

This allows AI to accelerate the work while keeping the user in control – with the ability to understand where the information came from, validate it and correct it when necessary. 

For us, this is the right balance between automation and human judgment.