ConnectWise · Brand, product + design system

Supernormal Systems era

Visit ConnectWise

Built with

  • Figma

Autopaid, from a payments identity to the screens people use.

ConnectWise’s payments offering brought together WisePay and WiseSync. The engagement covered naming, brand identity, website design and product UX, giving Autopaid a connected visual language across how it was introduced and how it would be used.

The identity and the interface were developed together. A brand refresh would be incomplete if the website introduced one visual language and the product followed another. Carrying the identity into the interface made hierarchy, components and screen patterns part of the design brief from the outset.

The handoff included brand guidelines, website design and a reusable product design system. Components and patterns gave the teams implementing the work a shared reference for applying the identity across screens, beyond the individual mockups. The delivery was design and implementation guidance for ConnectWise’s product and engineering teams.

The identity continues through the interface.

Autopaid wordmark and symbol in a delivered brand application mockup.
The Autopaid identity
Autopaid dashboard design with purple payment charts, activity and account summaries.
The merchant dashboard
Autopaid payer overview design carrying the identity into account details and payment history.
A shared language for payer accounts
Autopaid invoice payment design with the amount due and payment method selection.
From an invoice to a payment

Delivered brand and interface design mockups.

Absolutely amazing approach to service delivery. Like nothing that I have ever experienced, beyond what was expected in both professionalism and outcome.

Paul MacNeill, then VP & General Manager, Payments, ConnectWise

Delivered as Solutions Architect at Supernormal Systems.

If your brand and product interface need to develop together, happy to talk it through. Book a call.