Tandem

Managers and engineers alike can turn API specs into a simple but robust low-code workspace. Users can quickly scope out potential partnerships or launch fully functional workflows without a dedicated developer.

Managers and engineers alike can turn API specs into a simple but robust low-code workspace. Users can quickly scope out potential partnerships or launch fully functional workflows without a dedicated developer.

Role

Role

UX

UX

Platform

Platform

Web

Web

Deliverables

Deliverables

Competitive Analysis, Wireframes

Competitive Analysis, Wireframes

Discovery & Planning

Discovery & Planning

The founder of Tandem was an excellent resource to the Input team, having a background as a both a full-stack developer and technical manager he was able to guide us through the use cases and pain points for both user types (technical and semi-technical). We conducted a competitive analysis and collected the best practices from products in similar spaces.

The founder of Tandem was an excellent resource to the Input team, having a background as a both a full-stack developer and technical manager he was able to guide us through the use cases and pain points for both user types (technical and semi-technical). We conducted a competitive analysis and collected the best practices from products in similar spaces.

Opportunities

Opportunities

Exciting opportunity to develop a workflow builder built from day one for integrating custom APIs.

Many competitors lack the white glove onboarding and support offered by Tandem's founder.

Challenges

Challenges

There are many potential errors that can crop during an API spec import.

Schema mapping is a complex but necessary task when integrating two APIs. Less technical users may need some level of guidence.

Creating Workflows

Creating Workflows

The core experience of the product is creating and testing workflows. For low-code tools a visual workspace where users can create actions and make connections is a common pattern. We focused on making the these interactions feel natural and discoverable. We also needed find a way to communicate the required schema mapping tasks users need to complete after a connection is made.

Schema Mapping

Schema Mapping

The most complex task users are required to complete is the schema mapping exercise. In order for data to flow smoothly from one API to another users must specify the corresponding field in the second API. And to make things even more complex these fields often are of different formats and adaptations are often required for these APIs to successfully pass data (AI recommendations coming soon!).

We worked hand in glove with the Tandem team to fully understand the technical requirements and iterated until we landed on a concept we all felt confident in.

Important API Spec

Important API Spec

One potential area of frustration for new users is dealing with unexpected errors when importing an API spec. We ensured there are no cryptic errors and included helpful prompts to help users understand and recover from potential errors.

One potential area of frustration for new users is dealing with unexpected errors when importing an API spec. We ensured there are no cryptic errors and included helpful prompts to help users understand and recover from potential errors.

Our UI team did an exceptional job creating a brand and design language that blends the product's highly technical nature with the warm whimsy desired by the less technical user base.

Our UI team did an exceptional job creating a brand and design language that blends the product's highly technical nature with the warm whimsy desired by the less technical user base.