All workClient case · 2026

Kenhion Allen

“Más allá del límite.”

An online shop for a sportswear brand from Maracay, Venezuela. Customers browse the KA ELITE collection, pick colour and size, get a wholesale discount from six pieces, and send the order over WhatsApp with a PDF receipt. Payment is arranged in the chat.

kenhion-allen.vercel.appSource on GitHub
Kenhion Allen home page: the slogan "Más allá del límite" in gold script next to an athlete training on rings
Dates
Aug 12 – Oct 2, 2026
Client
Sportswear brand · Maracay
Stack
Next.js 16 · Zod · react-pdf · Playwright
Logbook

How it was built, day by day

Written from the project's commit history. Decisions are marked in red.

  1. Launch

    A redesign demo for the brand

    A light boutique redesign of the shop, migrated the same day to Next.js with a fully responsive layout.

  2. Decision

    Rebuilt in phases, one pull request each

    Phase 0 set up the tooling: strict TypeScript, ESLint, Prettier, Vitest and Playwright. Every phase after it shipped as its own reviewed pull request.

  3. Build

    Business rules first, with tests

    Catalog, cart, customer and order were modelled with Zod and covered by tests before any page existed, including the 15% wholesale discount from six pieces.

  4. Design

    A design system for the new brand

    Brand tokens on Tailwind CSS v4, then a multi-page site: a shop with filters kept in the URL, services, gallery, about and FAQ.

    Kenhion Allen shop page with search, gender filters, sorting and the KA ELITE products
    The shop, with filters kept in the URL
  5. Build

    Checkout with a PDF receipt

    A checkout form validated with react-hook-form and Zod, a non-fiscal PDF receipt generated in the browser, and the order sent through WhatsApp.

  6. Build

    Quality on every change

    Continuous integration with unit tests, Playwright end-to-end tests with axe accessibility checks, and Lighthouse CI.

  7. Content

    The KA ELITE collection

    A single catalog with new photos and a colour selector per product, and the brand emblem redrawn from the official logo.

    Product page for the men’s short: price, colour swatches, size selector and quantity
    Colour and size on every product
  8. Build

    Sharper, lighter photos

    Product photos moved to AVIF at quality 90 and are served at the right width. The gold gradient slogan no longer clips.

  9. Decision

    A set counts as two pieces

    The biker and top set now counts as two pieces toward the wholesale discount, as the brand sells it.

  10. Launch

    Client changes before launch

    Shipping, payments and the home and About copy updated with the client’s feedback.

Kenhion Allen home page on a phone
same site, on a phone
Back to all workStart a project