Задача
Cadence Audio готовила к выпуску настольный аудио-гаджет и собирала предзаказы. Стартовая страница, собранная на конструкторе, отдавала первый экран за четыре секунды и конвертировала меньше процента посетителей: трафик из обзоров и подкастов уходил в никуда. Команде нужен был лендинг, который выдержит пиковые заходы после публикаций, расскажет историю продукта и превратит интерес в строку в waitlist — до того, как внимание аудитории остынет.
Отдельное ограничение — скорость запуска: до следующей волны обзоров оставалось две недели.
Решение
Я собрал лендинг как единую сцену продукта: крупная типографика, тёмная студийная атмосфера и один сквозной сценарий — от первого экрана до формы предзаказа. Никаких каруселей и всплывающих окон; каждый блок отвечает на один вопрос покупателя: что это, как звучит, почему сейчас.
Техническая часть сознательно минималистична: FastAPI отдаёт страницу и принимает заявки, SQLite хранит waitlist — для одной страницы с формой этого достаточно, а хостинг обходится в цену чашки кофе. Форма защищена honeypot-полем и rate-limit по IP, каждая заявка мгновенно прилетает команде в Telegram. Письмо-подтверждение уходит через фоновую задачу, чтобы не тормозить ответ формы.
Производительность закладывалась в архитектуру, а не наводилась потом: критический CSS инлайнится, шрифты предзагружаются с font-display swap, картинки продукта отдаются в AVIF строго под размер отрисовки. Анимации построены только на transform и opacity и отключаются при prefers-reduced-motion.
Результат
LCP на 4G — 1.1 секунды против четырёх у старой версии. Конверсия посетителя в заявку выросла до 8.4%: сработала связка скорости, ясной истории и формы без лишних полей. За кампанию предзаказа в waitlist собралось 21 000 человек — этого хватило, чтобы закрыть первую производственную партию ещё до старта продаж.
Это концептуальный кейс: продукт и бренд вымышлены, метрики иллюстративны, но демо полностью рабочее — лендинг, форма и админский счётчик заявок живут на реальном FastAPI-бэкенде, и его можно открыть кнопкой выше.