«Карманная аптечка»: сайт медитаций из трёх миров дизайна
Продукт живёт в Telegram-боте: практики по две минуты под ситуации дня для тех, кому некогда медитировать. Бренда у автора не было: ни логотипа, ни цветов, ни шрифта. Разбор проекта, где вместо одного эскиза на выбор собраны три визуальных мира с общими текстами, а сайт снят из канваса без ручной вёрстки.
Задача
Сайт должен продавать одно действие — забрать бесплатные практики в боте — и делать это с телефона за секунды. При этом ни слова о лечении: у автора нет медицинского образования, это самопомощь, и блок «кому не подойдёт» обязателен. Выбирать визуальный мир по одному экрану владелец не хотел: выбор стоило проверить трафиком, а не вкусом.
Что сделано
Спрос и границы
Проверен спрос на медитации: 56 фраз разложены по ситуациям дня, темы с лечебными обещаниями из плана посадочных исключены. Правовые ограничения записаны до дизайна, а не после.
Три мира
Бросок направлений в канвасе: «Сумка» — продукт как вещь среди телефона, ключей и проездного; «Утренний чат» — страница как переписка в мессенджере; «Партитура дня» — длина блока равна времени. Тексты у всех трёх общие, один контракт.
Главная и посадочные в каждом мире
Посадочные «сон» и «успокоиться» собраны из своих блоков и общих блоков главной импортом, без копий. Вопросы оформлены как переписка в мессенджере — блок, который владелец выделил отдельно.
Сайт из канваса
Вёрстка снята из канваса сборщиком, а не переписана руками. Проверки «сайт = канвас»: коллизий стилей между блоками 0, каждая секция совпадает с артбордом, 390 px без прокрутки вбок, детектор анти-паттернов — 0 находок.
Выкат
Мир «Сумка» выложен статикой на обычный хостинг через API, HTTPS включён. Квиз передаёт результат и ответы в бота автора, журнал ответов пишется вне публичной папки. Сайт закрыт от индексации до запуска бота.
Результат
Сайт работает на своём домене и готов к приёму трафика; три мира лежат в канвасе и собираются одной командой, второй и третий можно включить в тест. Победитель теста считается по доле нажавших главное действие, а не по покупкам: покупок на мир слишком мало, чтобы отличить мир от случайности. Открытие для поиска — после подключения бота и документов автора.
На телефоне
Практику забирают с телефона за секунды, поэтому главная и посадочные проверялись на 390 и 320 px: без прокрутки вбок, кнопка в бота на первом экране.
Другие кейсы
Старый сайт потерян вместе с доменом. Новый статический сайт на 14 страниц в мире «Счёт по нулям», три посадочные под спрос и честная бронь на формах.
Категорию в поиске не ищут, сайт работает на демонстрацию. Семь страниц под задачи техменеджера, план судна на первом экране, шесть настоящих экранов продукта.
Сайт под ключ на WordPress и Greenshift, сложная семантика под каталог услуг и написание статей. Наполнение блога поставлено на конвейер, чтобы материалы выходили без ручной сборки каждой страницы.
Бренда нет, а сайт нужен продающий?
Когда у продукта нет логотипа и цветов, мир выбирается не вкусом, а трафиком. По описанию продукта отвечу, сколько миров имеет смысл собрать и что проверить первым.