Как из идеи клуба днд вышел лендинг, за который не стыдно.
(если открыть с пк Ваще прикольно)
Зафиксировал цель простую и амбициозную одновременно - сделать сайт по D&D, который приводит новичка в первую игру и не убивает эмоцию на входе. Сразу важное уточнение: это не платформа, а лендинг для записи ко мне на онлайн сессии. Я мастер D&D в онлайне и хотел не просто лендос, а свой небольшой клубик с понятным входом. Мы продаем не правила и не кубики - мы продаем эмоцию приключения. Значит первые 5 секунд решают: короткое обещание, один путь действия, рядом доказательство и безопасная запись без трения.
Платформа выбрана прагматично - Tilda. Ради скорости и безболезненной поддержки. По структуре договорились сразу: один экран - одна мысль; у основного CTA нет конкурентов на экране; страхи новичка закрываем короткими ответами; повторы CTA идут по траектории взгляда; блок доверия живет у формы, а не в подвале. Техническая сборка шла без магии, но с аккуратным упрямством: Tilda + Zero Block, где не хватает из коробки - добавляли кастомный код. Микроанимации ради ритма и ориентации, а не ради вау. Аналитика через GTM - события на клики и отправки, UTM на все входы, чтобы понимать путь к заявке.
Грабли были, и они нас воспитали. Фоновые текстуры и паттерны Tilda любит по своему - мы добивались единого масштаба на разных экранах, фиксировали его кодом и отдельно анимировали. Хедер с подсветкой пунктов по скроллу Tilda нативно не дает - подключили моего старого друга, игрока и отличного фронтенд разработчика @lmorenie, собрали кастомный хедер со всеми состояниями. Где ограничения мешали сложным эффектам - резали идеи, если они не давали прироста метрик. Красота хороша, когда работает на запись, а не вместо нее.
Важно про контекст. Это домашний бесплатный проект после работы - история для души. Многими пунктами методички по процессам и UX/UI мы сознательно пренебрегали. Без бесконечных согласований, без культов пикселя - фокус на ясности, эмоции и быстром пути к записи для новичка. Компромиссов было много, но ровно столько, чтобы лендинг остался легким в поддержке и честным по тону.
Если тот же результат делать как заказную разработку, подход другой и предсказуемый. Мы спокойно укладываемся в месяц по этапам: аналитика, прототип, дизайн, верстка, тестирование - и при желании запускаем трафик под ключ. Там будет вся методичка, сроки, контроль качества и аккуратная передача проекта. Домашний и коммерческий подходы - два разных жанра. Первый про свободу и драйв, второй про дисциплину и гарантию. Оба работают, просто задачи разные.
Что сработало лучше всего: один главный CTA и короткий маршрут, человеческий текст без маркетингового тумана, отзывы и блок доверия рядом с формой, минимум полей - меньше трения, выше конверсия. Современный сайтик в средневековом сеттинге - редкая птица среди референсов, но он не спорит с эмоцией игры и аккуратно ведет новичка к первой сессии.
dndchat.ru открыт. Скоро польем трафик, а сейчас важнее обратная связь. Что ясно, что не дотянули, где хочется больше конкретики - напишите в комменты или в личку. Если хотите такой же лендинг под ваш проект - сделаем за месяц по этапам, трафик тоже поможем запустить. А если вы новичок и давно хотели попробовать D&D - приходите и записывайтесь на игру. Ссылка здесь: dndchat.ru.
· 24.08.2025
Глянул с телефона, красивенько, но слайдер и стек с карточками в плане UX ощущается неприятно
0
ответить
коммент скрыт — часть юзеров считает его токсичным или некорректным
коммент удалён