Hither

Our own concept, not client work

Hither is what we build when nobody is holding the brief: an event platform that treats going out as a weekly programme rather than an endless feed. One system covers the whole night, from finding it to standing at the door: discovery for attendees, ticketing with every fee shown up front, a pass that lives in the browser, a door app for scanning people in, an organizer workspace, and the platform admin behind all of it.

Four roles, 75 screens, four state boards and eleven prototype flows, then the whole thing built and shipped as a demo you can click through, not left as a design file.

The design

The look is editorial. Black display type set tight, a warm paper background, one lime accent used sparingly, and photography graded warm and slightly desaturated so every event photo sits in the same world. The ticket notch is the signature shape: it cuts into cards, buttons and the pass, so a Hither screen is recognisable from across the room.

Discovery is the heart of it. Explore, list, map and calendar views share one filter bar, so Where, When, What, Price and Format read the same wherever you are. Search suggests events and artists as you type. Prices are the price you pay, fees included, because a number that grows at checkout is the thing people remember about ticketing.

The night, end to end

An event page answers the questions in the order people ask them: what is it, how do I get in, who is playing, how does the evening run. Checkout is one tap for a single ticket and four steps for extras and groups. The pass has four states, valid, used, sent on and cancelled, and every one of them is designed, because a pass is only trusted if it always says something true.

The door app is its own screen: large type, a countdown until doors, a scan line that says let in or hold and why, and a desk view for the person with the guest list. Organizers see sales pace, tiers, the latest orders and a checklist for tonight, and can create an event in nine steps. Admins get moderation, people, money and events with the filters an operations team needs.

The build

Every screen was rebuilt in production: Next.js, React and Tailwind, verified against the design. The motion is a reveal system rather than decoration: titles set themselves line by line, cards arrive as the page reaches them, and reduced motion is honoured throughout.

The demo runs on sample data with no real payments. It lets you choose what the bank says before you pay, approve, ask the bank or decline, so every checkout state is one click away. Photos are graded once and encoded at build time, so no image is resized per visit. The whole site exports to plain files, which is why it can run on a free static host with no server time at all.

Live and shipped

Open the demo, switch between the four people it was designed for from the panel at the bottom left, and go through a night: buy tonight’s jazz in one tap, open the pass, scan it in at the door, then look at the same night from the organizer’s and the admin’s side.