Healthkathon 2.0 landing page

Healthkathon 2.0 was BPJS Kesehatan's 2023 hackathon: an open call for students and the public to find ways technology could improve service for the national health insurance's members. I designed its landing page at Native Productions, the one place people learned what the event was, which track to enter, and how to register. Registration ran from 9 June to 31 July 2023.

What I did

I was the only designer on it, and developers built the page from my designs.

• Structure and content. The page answers questions in the order people ask them: what the event is, how registration works, which track to pick, and when each stage happens.
• Two visual directions. A light and a dark version of the whole page. The light one went live.
• UI and prototype. Every section from the hero to the footer, and a clickable Figma prototype for review.

The page

• A countdown in the hero. Before registration opened, the first thing visitors saw was how long until they could sign up.
• Registration in four steps. Form a team, register as the team lead, take the basic test, then add your teammates.
• Three tracks. Capture the Flag, Data Analytics and Visualization, and Innovation System, each with a card that leads to its own section and rules.
• A timeline. From registration through workshops and selection to the final judging.

Design choices

• A hackathon feel. Monospace body text and blocky geometric shapes in grays, with the green from the event's logo kept for actions like Login and Submit project.
• Tracks you can tell apart. Each track has its own illustration and card color, so the three are easy to compare side by side.
• One page, top to bottom. No separate pages to hunt through: the nav jumps to About, Project, Timeline, and the rules, all on the same page.

Designed in Figma.