Case study

Payzen

A story-led case study page for Payzen, the app that takes contractors from quote to payment.

Overview

Payzen is an app that takes contractors from the first quote to final payment in one workflow. This page was designed at Appetiser for the company’s portfolio, telling the story behind it from the founder’s frustration to a sponsorship of Ford Mustang Cup Australia.

Services
Responsive page design for desktop, tablet and mobile, then development of the design
Industry
Fintech app for contractors
Type
Case study page
Pages
Single case study page
Status
Designed at Appetiser for the company’s portfolio

Design challenge

A case study has to read like a story and still sell the product. The page needed to move from problem to solution to momentum, show the app working at every step, and stay just as clear on a phone as on a desktop.

Design direction

A light hero with the product on three phones, then the story in alternating deep teal, mint and black sections joined by diagonal edges. Hand-drawn yellow sparks point at the moments that matter, and real app screens carry every feature.

  • Deep teal#0D3135
  • Mint#EDF6F5
  • Aqua#1FD4CC

A bold grotesque for headlines, Open Sans for the story and a geometric sans on the feature cards.

The live site

This is the working site, running at desktop size. Scroll and click inside the frame, or open it in a new tab.

Key features

  • Story in sections

    Problem, opportunity, product and momentum, each in its own colour, joined by diagonal edges.

  • The app at every step

    Real screens for quoting, staged payments and Stripe-secured transfers.

  • Designed for every breakpoint

    Desktop, tablet and mobile layouts, each composed for its screen rather than squeezed.

Final result

Designed in Figma at every breakpoint as part of Appetiser’s company portfolio, then built by Viberist from the design. The working page is below.

Start a Project
WhatsApp