Design System

A collection of responsive elements defining the visual language of Paya's suite of products. Each element is built in the feature-packed frontend toolkit Bootstrap, and supported by a detailed Style Guide.

Loads of customer research, strategy, and use case documentation guided our design. Several outstanding colleagues joined me to interview customers, format the data, and capture the insights.

Card image cap

Enrollment Process (MSD)

Merchant self-directed capturing business details, account info, and bundle.

Card image cap

Enrollment Process (C2A)

Sales-directed behind a login with custom digital signature to approve info.

Card image cap

Single Page Payment

Essential payment acceptance features and alerts designed as borderless modules.

Card image cap

Overlay Concepts

Range of overlays using various payment modules and scenarios.

Card image cap

Transaction Receipt

Single page receipt style listing a broad range of possible details.

Card image cap

Style Guide

Evolving guide to create new features that align with the visual language.