Skip to the case study

First, say hello.Then, make it click.

From introducing a product to showing where it fits.

Scroll into the story
Paykit V2 website for merchants

A product I helped bring into the worldExplore / play / keep going ↘

Same product.
A different hello.

Drag through the two versions ↘

Paykit V1: a payment collection solution for shops
Paykit V2: payment use cases for independent merchants

UI & content design · V2 built on Framer · Archived versions from the 2023–2025 engagement

The story behind the play Read the thinking ↗

The hook

Paykit’s first website introduced the MVP. Its next version turned a feature list into a story about how merchants actually use the product.

Context

These are two stages of the website during my February 2023 to February 2025 Paykit engagement at VIDIVA. The dates identify the engagement, not an exact release date for either version.

At launch, Paykit needed to explain its core payment capabilities to first users in plain language. As the product matured, a launch page was no longer enough to show where those capabilities fit into a merchant’s work.

The move

As lead designer for UI and content, I reframed the site around product features and real use cases. V2 was built on Framer so the team could update the story as new capabilities shipped.

What shipped

The work covered a V1 MVP launch site and a V2 revamp for paykit.vn, including the interface, product narrative, and an implementation designed for faster iteration.

Outcome

Paykit had a market-facing surface that could evolve with the product, rather than a fixed launch page that only described a list of features.

Visit the current product website