Work View live ↗
2023
  • Frontend
  • Design Systems
  • Calculator
  • Table

Square Payments Calculator

Interactive components to calculate Square processing fees in real time — including dynamic table components for transparent fee breakdowns across payment types.

Overview

Square's fee calculator helps merchants understand exactly what they'll pay before committing to the platform. It's a high-traffic, high-trust page — accuracy and clarity are non-negotiable.

The work involved building a dynamic calculator component and a structured fee table that updates in real time as users adjust inputs.

squareup.com — Fee Calculator View live ↗

Contribution

Built the calculator and table components from design specs, wired to Square's fee logic. Ensured the components slotted cleanly into the existing design system and met accessibility requirements for a page used by merchants across every business size.


Tech stack
  • Svelte
  • Square Design System
  • Headless CMS
  • TypeScript