Дизайн сайта
Chatbot
KidStart — книжный клуб и профориентация для подростков
Главная ценность книжного клуба — не «чтение по программе», а исследовательский подход ведущего: медленное чтение, принцип «Это не просто так», поиск второго дна, соотнесение текста с другими текстами, с миром и с самим собой. Книга здесь — инструмент мышления, а не материал для галочки.
Проблема в том, что эту ценность сложно продать. Решение об оплате принимает родитель, и в его опыте «книжный клуб» легко схлопывается в «кружок чтения» — очередную школьную литературу. Задача сайта — донести подход ведущего так, чтобы родитель увидел разницу до первого занятия.
Дизайн-решение, а не украшение — заголовок обещает, фон-галактика делает это обещание видимым. Чтение здесь подаётся как выход в пространство, которое больше школьной программы
Я не стал прятать подход в одну секцию «О методике». Метод прошит через всю структуру — куда бы родитель ни пришёл, подход его встретит:
Метод раскрыт на главной с двух сторон: «Как разбираем книги» объясняет формат занятий (исследуем, а не гонимся за количеством), а «Думать, а не потреблять» — принципы анализа: искать второе дно, замечать детали, задавать вопросы, соотносить текст с собой, миром и другими историями.
Чтобы подход не терялся при входе с прямых ссылок, блок метода повторяется на страницах книг. Каждая книга работает как инструмент решения: секции «Ценность для подростка» и «Чему учит книга» переводят содержание в конкретные выгоды. Родитель соотносит свою проблему («не читает», «не уверен в себе», «не умеет обращаться с деньгами») с тем, что даст именно эта книга.
Секция об авторе, блог и разборы продолжают ту же идею — не давать готовые ответы, а учить исследовать. Отзывы подтверждают метод через отзывы родителей: обсуждения, схемы анализа, вовлечённость детей. Архив встреч усиливает доверие, показывая клуб как устойчивую практику, а не разовую активность (12+ разобранных книг).
Принцип: ценность продукта должна быть не разделом сайта, а его несущей конструкцией.
Фрагмент разбора книги на доске в Miro
Самое сильное доказательство подхода — не рассказ о нём, а его результат. Карточки «Чему учит книга» на странице каждой книги — это фрагменты реального разбора ведущего: «страх как инструмент», «поиск истины за внешними проявлениями», «правило 72 часов», «принцип золотой курицы». Родитель видит не обещание глубины, а саму глубину — уровень, на котором с его ребёнком будут разбирать текст.
Описания книг при этом написаны в тоне трейлера для подростка («Представь альтернативный Лондон, где ночные улицы принадлежат призракам…») — сайт показывает обе стороны занятия: как будет интересно ребёнку и как глубоко будет работать ведущий.
Принцип: не описывать, а показывать результат метода.
Идея для визуального языка: не придумана с нуля и не собрана из мудбордов — она выведена из реальной рабочей среды ведущего. Стикеры и «досочная» эстетика — это среда, в которой метод живёт на занятии: схемы анализа героев, яркие карточки, визуальные разборы. Сайт должен ощущаться как та же доска, способ показать, что знания имеют структуру. Ощущение доски интуитивно вызывает ожидаение: здесь всё можно собрать в целостную картину.
Сейчас это направление задано и реализовано первыми шагами: карточки-стикеры в секциях метода, отзывы. Полное воплощение «досочной» среды — следующий этап эволюции визуального языка.
Принцип: визуальный язык выводится из ощущения продукта: сайт должен показывать опыт, а не рассказывать о нём.
Зачатки «досочной» эстетики
Зачатки «досочной» эстетики
Проект сделан полностью самостоятельно — от дизайна до production.
Почему код, а не визуальный билдер.
Честный ответ: для сайта клуба такого масштаба Tilda/Webflow — разумный дефолт: быстрее и дешевле на старте. Но у проекта двойная роль: это семейный продукт, а значит — свобода экспериментировать без клиентских рисков. Сайт стал моей R&D-площадкой: здесь я обкатываю стек, контентную архитектуру и дизайн-решения. Выбор стека — в том числе инвестиция в собственную практику.
Вторая практика ведущей клуба — профориентация подростков. Я разработал чат-бота, который проводит психометрические тесты и выдаёт результат специалисту для разбора.
Почему бот, а не приложение или сайт. Подростки уже живут в мессенджерах — нулевой порог входа: не нужно ничего устанавливать, регистрироваться. Тест начинается за два тапа, а заканчивается там же, где идёт общение со специалистом.
Многопользовательский режим. Тест часто проходят с телефона родителя — а детей в семье может быть несколько. Бот ведёт профили и результаты каждого ребёнка не смешиваются.
Конфиденциальность как условие честности. Ключевое решение: каждый ответ ребёнка скрывается сразу после выбора. Причина не формальная — поведенческая. Тест проходится с родительского телефона или телефон оказывается в чужих руках, и если ответы видны, подросток начинает отвечать «правильно», а не честно. Скрытие ответов защищает не данные — оно защищает валидность теста: профориентация работает только на искренних ответах.
Принцип: в инструментах для подростка приватность — это не функция безопасности, а условие, при котором инструмент вообще работает.
Многопользовательский режим для родителей, у которых более 1 ребенка
Каждый ответ ребенка в тесте скрывается
Сайт работает не как презентация клуба, а как часть продукта: доносит подход ведущего, снимает сомнения родителя:
Сайт и бот складываются в единую экосистему KidStart — и каждая часть сделана от дизайна до кода.
Свяжитесь со мной, чтобы обсудить ваш проект