Event microsites are usually a disaster. They’re built by marketing teams under deadline, populated with stock photos, and structured around a hero section that sells the event back to people who’ve already bought tickets. Vercel’s site for Ship 2026 is the opposite: built like a product, structured like a piece of information design, and shipped a full 8 weeks before the event. Let’s open it up.
What’s working
The schedule is the home page. Most conference sites bury the schedule three clicks deep behind a “Why attend?” pitch. Vercel made the schedule the dominant element above the fold. Two columns: time on the left, session on the right, with speaker chips inline. You can read the entire conference in 20 seconds. If you’re already attending, that’s exactly what you wanted; if you’re deciding, the density does the selling.
Speaker photos are normalized to a single treatment. Every speaker portrait is a slight desaturation, masked into the same circular crop, on the same off-white backing. This is a small thing that costs about 2 hours of design ops time and makes the difference between a site that feels coherent and a site that feels like a logo wall. The temptation with conference sites is to let each speaker’s brand bleed through (their headshot, their company colors, their typeface in the bio). Vercel said no.
The venue section uses a real map, not a stylized one. Most event sites embed a Mapbox style with too many custom layers: usually a dark mode with neon roads and pin clusters that don’t add information. Vercel embedded a basic Mapbox light-mode tile, marked the venue, and called it a day. The result is faster to load, more useful for actually finding the place, and reads as “we don’t need to perform our taste on you.”
The pricing tier component is a single sentence. “Tickets are $899; students $399 with .edu email; teams of 5+ at $749 each.” That’s it. No comparison table. No checkmarks-grid. The implicit message: we trust you to read a sentence. Compare this to literally any other major event site and the contrast is immediate.
What isn’t working
The dark-mode toggle is a regression. The site ships with a system-preference dark mode that flips backgrounds, but the speaker photos don’t have dark-mode variants. In dark mode you get black-and-white portraits floating on a near-black surface, with very little separation. Either the photos need a darker backing in dark mode, or the toggle should be removed for the speaker section. The fix is one CSS variable. Surprised it shipped this way.
The “Get notified” form on the off-season landing page is broken on mobile Safari 17. The form uses a CSS :has() selector for its valid-state styling that doesn’t gracefully degrade. On affected browsers, the submit button is permanently styled as if the input is invalid. Fallback styling fixes this in about 4 lines.
What to steal
-
Treat the schedule as the hero. If you’re building anything that has a schedule (events, courses, workshops, even a podcast) the schedule is the strongest “show, don’t tell.” It is the product. Lead with it. The hero section can sit under it and serve as supporting context.
-
Normalize portraits to one treatment. This is the cheapest win in editorial design and most teams don’t take it. Set a single grayscale, a single mask, a single backing color, and process every speaker/author/team photo through the same pass. The visual coherence pays off compounding-ly across the whole site.
-
One-sentence pricing. If your pricing genuinely fits in a sentence, write the sentence. The comparison table is a tell: it usually means the product team can’t pick a default, so they offload the choice onto the buyer. Don’t do that to people. Pick.
-
Real maps, not stylized ones. 2026 is the year design teams stop torturing Mapbox into matching their brand. The map’s job is to help me find the place. Default tiles. One pin. Done.
The Ship 2026 microsite is up at vercel.com/ship, worth studying the source even if you’re not going.