Syncopation

A website for Syncopation, a phone app in closed testing that passes messages between nearby phones when there is no signal.

Role
Our own product. Product, design, build, hosting
Stack
Next.js, TypeScript, CSS Modules, Docker
Status
Live
syncopation.app/
Live
Syncopation (syncopation.app), captured Sept 2026
This is the live site in a frame, not a screenshot.

The problem. Explain phone-to-phone messaging before the app is available.

Campers, festival-goers and hikers need to understand what the app does and how to hear when it is ready. The site needs to show how a message travels through other phones while making the closed-testing status clear.

The approach. A festival tent wall, lit by the visitor.

The pointer becomes a UV lamp that reveals handwritten messages on dark cloth. Below it, a relay map explains the path between phones. A sign-up form takes an email address or phone number and the devices the visitor uses. The form also works with JavaScript off.

Invisible inkLime stencil lettering and handwritten messages give the page the look of a festival tent under ultraviolet light.
Show the relayA scroll-linked map shows messages passing between people running Syncopation.
Keep the sign-upValidation and spam checks run before each sign-up is stored. Email follows, with the saved record kept if delivery fails.
Radiant Rentals (radiant.rentals), captured Sept 2026
Next project · ClientRadiant RentalsFurnished homes, booked directly with the host.
Read the case study