Neformat: как мы собрали экосистему психического здоровья в один сайт
Многостраничный сайт для психообразовательного проекта доктора Кирилла Сычева, который объединил подбор специалистов, образовательные продукты, контент, тесты и книги
UX/UI
Айдентика
дизайн сайта
Neformat — не клиника и не онлайн-школа
UX/UI
КОПИРАЙТИНГ
дизайн сайта
Neformat — психообразовательный проект на стыке доказательной психиатрии, психотерапии и медиа. Его основатель — врач-психотерапевт Кирилл Сычев.
К моменту нашего знакомства проект вырос в большую экосистему. Внутри существовали подбор специалистов, лекции, подписка, статьи, видео, подкасты, психологические тесты и книги.
Все эти направления нужно было собрать в единый цифровой продукт, который помогал бы пользователю быстро понять, какой формат поддержки подходит ему прямо сейчас.
Когда сложная навигация становится барьером
Аудитория Neformat приходит на сайт с очень разными запросами. Кто-то ищет специалиста, кто-то хочет разобраться в своем состоянии, а кто-то пока не готов к терапии и начинает с чтения статьи или просмотра лекции.
При этом многие пользователи находятся в состоянии тревоги или эмоционального истощения. Поэтому сложная структура могла стать дополнительным препятствием на пути к помощи.
Перед нами стояли четыре основные задачи:
собрать разрозненные продукты в единую экосистему;
упростить выбор между консультацией, самообразованием и другими форматами;
сделать сайт центральной точкой бренда;
заложить основу для SEO, роста контента и новых продуктов.
Начали со структуры, UX и SEO
Мы выстраивали архитектуру сайта еще до того, как начали детально прорабатывать интерфейсы.
Проанализировали поисковой спрос, пользовательские сценарии и существующую структуру проекта. В результате каждый крупный раздел сайта стал отвечать на конкретный запрос аудитории, а не просто добавляться в меню.
UX и SEO развивались параллельно. Это позволило сразу учитывать требования поисковых систем и при этом сохранить интерфейс чистым и понятным.
Изучили, как люди выбирают помощь
Мы проанализировали аудиторию проекта и изучили более 300 реальных отзывов и пользовательских историй на других платформах.
Оказалось, что люди редко начинают поиск с конкретного терапевтического подхода. Чаще они приходят с ситуацией: тревогой, проблемами в отношениях, выгоранием или ощущением, что «что-то не так».
Если рекомендации от знакомых нет, ключевым источником доверия становится профиль специалиста. Важны образование, опыт, профессиональный путь и понятное описание того, с какими запросами работает человек.
Эти выводы легли в основу структуры каталога и карточек специалистов.
Сохранили характер бренда
У Neformat уже был узнаваемый голос — открытый, человечный и неформальный.
Но сайт стал точкой входа и для новой аудитории, которая могла быть не знакома с внутренними шутками и стилем коммуникации проекта.
Мы нашли баланс между характером и ясностью: разработали систему формулировок и разделили ситуации, где можно использовать более смелый язык, а где пользователю важнее спокойное и понятное объяснение. Главная идея осталась прежней: психология без мракобесия.
Разработали визуальный язык, в котором есть место человеку
Мы перебрали несколько визуальных направлений, прежде чем пришли к финальной системе.
В ее основе — почти монохромный, минималистичный интерфейс и эмоциональный мир образов, который развивается от страницы к странице.
Сквозной метафорой стал образ маленького и уязвимого человека. Он появляется в разных состояниях и помогает передать одну из главных идей проекта: с человеком может происходить что-то сложное, но он не остается с этим один.
Развели информационные и продуктовые сценарии
Мы перебрали несколько визуальных направлений, прежде чем пришли к финальной системе.
В ее основе — почти монохромный, минималистичный интерфейс и эмоциональный мир образов, который развивается от страницы к странице.
Сквозной метафорой стал образ маленького и уязвимого человека. Он появляется в разных состояниях и помогает передать одну из главных идей проекта: с человеком может происходить что-то сложное, но он не остается с этим один.
Сделали поиск общей точкой входа
Пользователь не всегда понимает, что именно ему нужно.
Поэтому поиск стал одной из ключевых точек входа в экосистему. По одному запросу можно найти специалистов, статьи, книги, тесты и другой контент, связанный с конкретной темой.
Эту же логику поддерживают сквозные теги. Они связывают разные части сайта и помогают пользователю самостоятельно исследовать интересующую тему.
Объяснили переходы во внешние сервисы
У проекта нет единого личного кабинета: обучение и запись к специалистам происходят на внешних платформах.
Мы заранее объяснили пользователю, что произойдет после клика и куда он попадет. Это помогает сделать переход между сервисами более прозрачным.
Тот же принцип использовали для подписки: условия отмены, доступ и другие важные детали вынесли в понятные сценарии без мелкого шрифта и скрытых условий.
Помощь всегда рядом
Для большого сайта особенно важно, чтобы пользователь мог быстро найти поддержку.
Мы сделали сквозную кнопку службы заботы, которая находится в одном и том же месте на всех страницах и ведет в основной канал поддержки проекта.
Так пользователь в любой момент понимает, куда обратиться, если у него возникает вопрос.
Собрали контент в полноценную экосистему
Отдельно проработали разные контентные сценарии.
Блог стал экологичной точкой входа: пользователь может изучать материалы и только потом переходить к поиску специалиста.
Маркетплейс книг работает не просто как каталог. Карточки подробно объясняют, кому подойдет книга и какую пользу она может принести.
Психологические тесты получили более развернутые результаты и рекомендации по дальнейшим действиям, чтобы стать частью пользовательского пути, а не отдельным инструментом.
Результат
Новый сайт стал центральной точкой экосистемы Neformat.
Он объединил разные продукты и сценарии, сохранил характер проекта и создал фундамент для дальнейшего развития контента и SEO.
Но главное — мы не пытались привести каждого пользователя к одному и тому же действию. Кто-то начинает со статьи. Кто-то — с теста. Кто-то ищет специалиста. А кто-то пока просто изучает проект.
Сайт дает возможность начать с той точки, где человек находится сейчас, и самостоятельно выбрать следующий шаг.
Сайт объединяет B2B и B2C-сценарии
Сайт продолжает визуальный язык бренда и работает сразу для двух аудиторий. B2B-клиенты могут оставить заявку на оптовый заказ, а B2C — выбрать кофе в каталоге и оформить покупку через корзину.
Карточки товаров помогают ориентироваться по региону, обработке и вкусовому профилю, а шаблонная система позволяет легко добавлять новые позиции.
...это был мэтч с первой встречи. Впечатлили скорость, чёткость и деловой тон ...
Команда neformat
Сайт и стиль действительно отражают то, чем Neformat является на самом деле: современный, экспертный, человечный проект. Это был мэтч с первой встречи. Впечатлили скорость, чёткость и деловой тон — который при этом не был сухим: появились свои мемасы.
Было видно, что вам небезразличен результат — вы болеете за проект.
Мы в полном восторге. Для нас вы стали эталоном: глубокая экспертиза, ответственность за результат и человеческое отношение. Рекомендовали бы без колебаний
Каждый проект начинается с исследования бизнеса и задач клиента. Затем мы формируем структуру, создаем концепции, разрабатываем дизайн, тестируем решения и сопровождаем запуск.
Да. Мы можем разработать дизайн сайта, фирменный стиль или упаковку без дальнейшей реализации. При необходимости подключаем проверенных разработчиков и подрядчиков.
Да. Мы сотрудничаем с компаниями из разных стран и создаем проекты как для российского, так и для международного рынка.
Мы специализируемся на Tilda для корпоративных сайтов и лендингов, а также проектируем интерфейсы для дальнейшей разработки на других технологиях, если проект требует более сложной функциональности.
Можно, но чаще мы рекомендуем разрабатывать не отдельный логотип, а полноценную визуальную систему. Такой подход помогает бренду быть узнаваемым и масштабироваться без постоянных доработок.
Мы оцениваем каждый запрос индивидуально. Если задача соответствует нашей экспертизе и мы можем принести реальную пользу бизнесу, с удовольствием обсудим сотрудничество.