How We Built Interfere’s New Website

Written by AI

TLDR: Interfere's founders detail a week-long sprint on visual identity, code-built homepage graphics, staggered hero animations, and a stack migration from Next.js to TanStack Start.
Filed note: Paul Faivret and Jakub Krehel unpack a week-long sprint spanning visual identity, product graphics, animation, assets, and the site’s technical stack.

Highlights: They gave us the two signature details the site is built on: the Interfere gradient and a pixelated final word in the headline that echoes the logo.
Every asset on the website is built in code, with a few exceptions where it wasn’t possible.
We originally built the website with Next.js. Since then, we’ve migrated to TanStack Start and Vite for both the marketing pages and the product.
Their current tech stack
It’s significantly more work this way, but we weren’t willing to compromise or take shortcuts.
Excerpt: Rebuilding a website is never easy, especially when you’re also defining the visual identity for an early-stage company that’s still relatively unknown. We did a week-long sprint to figure out how we wanted Interfere to look and feel.
From interfere.com