Neformat: как мы собрали экосистему психического здоровья в один сайт

Многостраничный сайт для психообразовательного проекта доктора Кирилла Сычева, который объединил подбор специалистов, образовательные продукты, контент, тесты и книги
UX/UI
Айдентика
дизайн сайта

Neformat — не клиника и не онлайн-школа

UX/UI
КОПИРАЙТИНГ
дизайн сайта
Neformat — психообразовательный проект на стыке доказательной психиатрии, психотерапии и медиа. Его основатель — врач-психотерапевт Кирилл Сычев.
К моменту нашего знакомства проект вырос в большую экосистему. Внутри существовали подбор специалистов, лекции, подписка, статьи, видео, подкасты, психологические тесты и книги.
Все эти направления нужно было собрать в единый цифровой продукт, который помогал бы пользователю быстро понять, какой формат поддержки подходит ему прямо сейчас.

Когда сложная навигация становится барьером

Аудитория Neformat приходит на сайт с очень разными запросами. Кто-то ищет специалиста, кто-то хочет разобраться в своем состоянии, а кто-то пока не готов к терапии и начинает с чтения статьи или просмотра лекции.
При этом многие пользователи находятся в состоянии тревоги или эмоционального истощения. Поэтому сложная структура могла стать дополнительным препятствием на пути к помощи.
Перед нами стояли четыре основные задачи:
  • собрать разрозненные продукты в единую экосистему;
  • упростить выбор между консультацией, самообразованием и другими форматами;
  • сделать сайт центральной точкой бренда;
  • заложить основу для SEO, роста контента и новых продуктов.

Начали со структуры, UX и SEO

Мы выстраивали архитектуру сайта еще до того, как начали детально прорабатывать интерфейсы.
Проанализировали поисковой спрос, пользовательские сценарии и существующую структуру проекта. В результате каждый крупный раздел сайта стал отвечать на конкретный запрос аудитории, а не просто добавляться в меню.
UX и SEO развивались параллельно. Это позволило сразу учитывать требования поисковых систем и при этом сохранить интерфейс чистым и понятным.

Изучили, как люди выбирают помощь

Мы проанализировали аудиторию проекта и изучили более 300 реальных отзывов и пользовательских историй на других платформах.
Оказалось, что люди редко начинают поиск с конкретного терапевтического подхода. Чаще они приходят с ситуацией: тревогой, проблемами в отношениях, выгоранием или ощущением, что «что-то не так».
Если рекомендации от знакомых нет, ключевым источником доверия становится профиль специалиста. Важны образование, опыт, профессиональный путь и понятное описание того, с какими запросами работает человек.

Эти выводы легли в основу структуры каталога и карточек специалистов.

Сохранили характер бренда

У Neformat уже был узнаваемый голос — открытый, человечный и неформальный.
Но сайт стал точкой входа и для новой аудитории, которая могла быть не знакома с внутренними шутками и стилем коммуникации проекта.
Мы нашли баланс между характером и ясностью: разработали систему формулировок и разделили ситуации, где можно использовать более смелый язык, а где пользователю важнее спокойное и понятное объяснение. Главная идея осталась прежней: психология без мракобесия.

Разработали визуальный язык, в котором есть место человеку

Мы перебрали несколько визуальных направлений, прежде чем пришли к финальной системе.
В ее основе — почти монохромный, минималистичный интерфейс и эмоциональный мир образов, который развивается от страницы к странице.
Сквозной метафорой стал образ маленького и уязвимого человека. Он появляется в разных состояниях и помогает передать одну из главных идей проекта: с человеком может происходить что-то сложное, но он не остается с этим один.

Развели информационные и продуктовые сценарии

Мы перебрали несколько визуальных направлений, прежде чем пришли к финальной системе.
В ее основе — почти монохромный, минималистичный интерфейс и эмоциональный мир образов, который развивается от страницы к странице.
Сквозной метафорой стал образ маленького и уязвимого человека. Он появляется в разных состояниях и помогает передать одну из главных идей проекта: с человеком может происходить что-то сложное, но он не остается с этим один.

Сделали поиск общей точкой входа

Пользователь не всегда понимает, что именно ему нужно.
Поэтому поиск стал одной из ключевых точек входа в экосистему. По одному запросу можно найти специалистов, статьи, книги, тесты и другой контент, связанный с конкретной темой.
Эту же логику поддерживают сквозные теги. Они связывают разные части сайта и помогают пользователю самостоятельно исследовать интересующую тему.

Объяснили переходы во внешние сервисы

У проекта нет единого личного кабинета: обучение и запись к специалистам происходят на внешних платформах.
Мы заранее объяснили пользователю, что произойдет после клика и куда он попадет. Это помогает сделать переход между сервисами более прозрачным.
Тот же принцип использовали для подписки: условия отмены, доступ и другие важные детали вынесли в понятные сценарии без мелкого шрифта и скрытых условий.

Помощь всегда рядом

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

Собрали контент в полноценную экосистему

Отдельно проработали разные контентные сценарии.
Блог стал экологичной точкой входа: пользователь может изучать материалы и только потом переходить к поиску специалиста.
Маркетплейс книг работает не просто как каталог. Карточки подробно объясняют, кому подойдет книга и какую пользу она может принести.

Психологические тесты получили более развернутые результаты и рекомендации по дальнейшим действиям, чтобы стать частью пользовательского пути, а не отдельным инструментом.

Результат

Новый сайт стал центральной точкой экосистемы Neformat.
Он объединил разные продукты и сценарии, сохранил характер проекта и создал фундамент для дальнейшего развития контента и SEO.
Но главное — мы не пытались привести каждого пользователя к одному и тому же действию. Кто-то начинает со статьи. Кто-то — с теста. Кто-то ищет специалиста. А кто-то пока просто изучает проект.

Сайт дает возможность начать с той точки, где человек находится сейчас, и самостоятельно выбрать следующий шаг.

Сайт объединяет B2B и B2C-сценарии

Сайт продолжает визуальный язык бренда и работает сразу для двух аудиторий. B2B-клиенты могут оставить заявку на оптовый заказ, а B2C — выбрать кофе в каталоге и оформить покупку через корзину.
Карточки товаров помогают ориентироваться по региону, обработке и вкусовому профилю, а шаблонная система позволяет легко добавлять новые позиции.

...это был мэтч с первой встречи. Впечатлили скорость, чёткость и деловой тон ...

Команда neformat
Сайт и стиль действительно отражают то, чем Neformat является на самом деле: современный, экспертный, человечный проект. Это был мэтч с первой встречи. Впечатлили скорость, чёткость и деловой тон — который при этом не был сухим: появились свои мемасы.
Было видно, что вам небезразличен результат — вы болеете за проект.
Мы в полном восторге. Для нас вы стали эталоном: глубокая экспертиза, ответственность за результат и человеческое отношение. Рекомендовали бы без колебаний

Другие проекты по брендингу и дизайну сайтов

Beanport упаковка и сайт для импортера зеленого кофе из Эфиопии
Сайт для антифрод продукта в сфере Igaming C-SCORE
Дизайн упаковки косметики IVA — ребрендинг бьюти-бренда

Нравится наш подход, но не знаете, с чего начать?

Нам достаточно одной встречи, чтобы вникнуть в контекст, разделить ваши ценности, зажечься идеей и сделать больше, чем вы ожидаете