От демо к продукту: что меняется на самом деле

Прототип отвечает на вопрос «нравится?». Продукт должен отвечать на вопрос «работает?». Большая часть работы лежит между этими двумя вопросами.

Прототип показывает, как продукт мог бы выглядеть. Продукт должен выдерживать реальный трафик, индексироваться поисковиками, каждую неделю принимать новый контент и в итоге приносить деньги. Почти всё, что отделяет одно состояние от другого, не видно, пока вы любуетесь демо.

Демо отвечает на другой вопрос

Демо закрывает спор о вкусе: верное ли направление? Оно живёт в тепличных условиях — один язык, десяток экранов, данные захардкожены, трафика нет. Это не недостаток, а смысл прототипа. Проблемы начинаются, когда тепличная версия уходит в бой без изменений.

• Контент заморожен — добавить страницу без разработчика невозможно
• Состояния ошибок, пустые списки и медленная сеть просто не спроектированы
• SEO ещё не задача, поэтому клиентский рендер уезжает в прод с пустым HTML-телом
• Аналитики нет, а значит нет и оснований решать, что улучшать дальше

Что меняется по пути в продакшн

Визуальный слой переход обычно переживает. Архитектура под ним — редко.

• Контентная модель вместо захардкоженных массивов, чтобы сайт рос без деплоя
• Стратегия рендеринга: страницам, которые должны приводить трафик, нужен серверный рендер или пререндер — чисто клиентская оболочка индексируется медленно и ненадёжно
• Производительность на реальных устройствах: анимации, веб-шрифты и изображения ведут себя совсем иначе на трёхлетнем телефоне
• Аналитика с заданными целями, иначе каждое следующее решение — догадка
• Юридический минимум — политика конфиденциальности, работа с cookie, контактные данные

Кейс: Symbol Life

Symbol Life — платформа с таро, лунным календарём, рунами, нумерологией, астрологией и Human Design. Она начиналась как тёмный прототип на карточках в нашем портфолио — вещь, собранная, чтобы подтвердить эстетику. Боевая версия ушла от него далеко: набор инструментов вырос далеко за пределы исходных трёх экранов, навигация переработана, а визуальное направление и вовсе перевернулось — тёмный прототип стал светлым тёплым интерфейсом. От оригинала не осталось почти ничего, кроме идеи.

Ниша тоже сместила приоритеты. Спрос здесь — не одно крупное ключевое слово, а тысячи низкочастотных запросов про отдельные карты, числа и трактовки. Поэтому масштабируемая структура контента ценнее красивой главной страницы, и это решение приходится принимать до того, как контент появился, а не после.

Что стоит решить заранее

• Структура URL, которая выдержит тысячу страниц, а не только десять
• Подход к рендерингу, который переживёт SEO-требования, которых у вас пока нет
• Чёткое разделение интерактивных инструментов и индексируемого контента — технически у них противоположные потребности

Ничто из этого не делает стадию прототипа лишней. Она ровно то, чем должна быть: дешёвый способ убедиться в направлении до того, как платить за архитектуру. Ошибка — принимать дешёвую версию за готовую.