kidStart.club, 2025

Дизайн сайта

Chatbot

KidStart — книжный клуб и профориентация для подростков

Главная ценность книжного клуба — не «чтение по программе», а исследовательский подход ведущего: медленное чтение, принцип «Это не просто так», поиск второго дна, соотнесение текста с другими текстами, с миром и с самим собой. Книга здесь — инструмент мышления, а не материал для галочки.

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

Дизайн-решение, а не украшение — заголовок обещает, фон-галактика делает это обещание видимым. Чтение здесь подаётся как выход в пространство, которое больше школьной программы

Метод — несущая конструкция сайта

Я не стал прятать подход в одну секцию «О методике». Метод прошит через всю структуру — куда бы родитель ни пришёл, подход его встретит:

Метод раскрыт на главной с двух сторон: «Как разбираем книги» объясняет формат занятий (исследуем, а не гонимся за количеством), а «Думать, а не потреблять» — принципы анализа: искать второе дно, замечать детали, задавать вопросы, соотносить текст с собой, миром и другими историями.

Чтобы подход не терялся при входе с прямых ссылок, блок метода повторяется на страницах книг. Каждая книга работает как инструмент решения: секции «Ценность для подростка» и «Чему учит книга» переводят содержание в конкретные выгоды. Родитель соотносит свою проблему («не читает», «не уверен в себе», «не умеет обращаться с деньгами») с тем, что даст именно эта книга.

Секция об авторе, блог и разборы продолжают ту же идею — не давать готовые ответы, а учить исследовать. Отзывы подтверждают метод через отзывы родителей: обсуждения, схемы анализа, вовлечённость детей. Архив встреч усиливает доверие, показывая клуб как устойчивую практику, а не разовую активность (12+ разобранных книг).

Принцип: ценность продукта должна быть не разделом сайта, а его несущей конструкцией.

Фрагмент разбора книги на доске в Miro

Страница книги — метод в действии

Самое сильное доказательство подхода — не рассказ о нём, а его результат. Карточки «Чему учит книга» на странице каждой книги — это фрагменты реального разбора ведущего: «страх как инструмент», «поиск истины за внешними проявлениями», «правило 72 часов», «принцип золотой курицы». Родитель видит не обещание глубины, а саму глубину — уровень, на котором с его ребёнком будут разбирать текст.

Описания книг при этом написаны в тоне трейлера для подростка («Представь альтернативный Лондон, где ночные улицы принадлежат призракам…») — сайт показывает обе стороны занятия: как будет интересно ребёнку и как глубоко будет работать ведущий.

Принцип: не описывать, а показывать результат метода.

Визуальный язык

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

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

Принцип: визуальный язык выводится из ощущения продукта: сайт должен показывать опыт, а не рассказывать о нём.

Зачатки «досочной» эстетики

Зачатки «досочной» эстетики

Стек

Проект сделан полностью самостоятельно — от дизайна до production.

  • Django — админка и контентная модель: книги, встречи, категории
  • Next.js — фронтенд и шаблонный рендеринг страниц книг, компонентная архитектура

Почему код, а не визуальный билдер.

Честный ответ: для сайта клуба такого масштаба Tilda/Webflow — разумный дефолт: быстрее и дешевле на старте. Но у проекта двойная роль: это семейный продукт, а значит — свобода экспериментировать без клиентских рисков. Сайт стал моей R&D-площадкой: здесь я обкатываю стек, контентную архитектуру и дизайн-решения. Выбор стека — в том числе инвестиция в собственную практику.
 

KidStart Bot — тесты по профориентации 

Вторая практика ведущей клуба — профориентация подростков. Я разработал чат-бота, который проводит психометрические тесты и выдаёт результат специалисту для разбора.

Почему бот, а не приложение или сайт. Подростки уже живут в мессенджерах — нулевой порог входа: не нужно ничего устанавливать, регистрироваться. Тест начинается за два тапа, а заканчивается там же, где идёт общение со специалистом.

Многопользовательский режим. Тест часто проходят с телефона родителя — а детей в семье может быть несколько. Бот ведёт профили и результаты каждого ребёнка не смешиваются.

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

Принцип: в инструментах для подростка приватность — это не функция безопасности, а условие, при котором инструмент вообще работает.

Многопользовательский режим для родителей, у которых более 1 ребенка

Каждый ответ ребенка в тесте скрывается

Результат

Сайт работает не как презентация клуба, а как часть продукта: доносит подход ведущего, снимает сомнения родителя: 

  • группы пополнялись постоянно, а на места, которые ещё не освободились, собирался лист ожидания — спрос стабильно превышал вместимость клуба
  • подростки остаются в клубе месяцами: «почти год каждую неделю на созвонах»
  • меняется отношение к чтению: «не любит читать вообще, но заданное на неделю прочитывает за раз»
  • родители фиксируют рост: «словарный запас вырос, перестал стесняться, свободно высказывается».

Сайт и бот складываются в единую экосистему KidStart — и каждая часть сделана от дизайна до кода.

Свяжитесь со мной, чтобы обсудить ваш проект