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

Заказчик не хотел использовать на сайте персонализированные фотографии компанды (о возможных минусах этого решения был проконсультирован мной). В итоге все изображения на сайте было решено генерировать в Midjourney.

Анализ целевой аудитории
UX-прототип
Написание текстов
Дизайн-концепция
Дизайн сайта
UI-kit и передача макета стороннему разработчику

Тексты и название компании были разработаны мной в процессе создания сайта.

Май 2024

• Выявила запросы ЦА по 4-м направлениям компании: семейная терапия, бракоразводный процесс и личная терапия. Запросы разделила на закрытие функциональных и эмоциональных потребностей;
• На основе анализа предложила предварительный прототип: как и какими решениями мы можем закрыть конкретные запросы на сайте.
• Обосновала свои решения в 24-минутной презентации. Такие ролики я записываю всем своим заказчикам индивидуально и делаю видео доступыми по ссылке.

• Для каждой услуги выделили отдельную страницу. Каждая услуга закрывает свою боль и свой запрос от пользователя. Из-за этого на сайте получалось много информации, которую разместить на одностраничным сайтом было бы нецелесообразно. Этим решением пользователю будет удобно найти ответ на свой запрос и не потреблять контент, не относящийся к его проблеме;
• Тексты в каждом проекте я пишу с маркетинговой точки зрения. Важно, чтобы тексты закрывали свои задачи, вели пользователя к покупке, закрывали возражения ЦА и отвечали на вопросы. Тексты на сайте должны полностью забирать на себя первое касание покупателя с вашим бизнесом.
• На каждой странице разместила контент в порядке, закрывающий главную цель страницы.

1. Главная страница закрыла задачу презентации компании, её преимуществ и всех услуг. С главной страницы пользователи могли перейти на все остальные, сузив свой запрос.
2. Страница семейной психотерапии предлагает выход семьям из любой конфликтной ситуации. Здесь мы раскрываем преимущества услуги, наши квалификации, подробные отзывы.
3. Страница по бракоразводному процессу презентует разные квалификации специалистов: юристы, медиаторы и психолога — так пользователь по их описанию и функционалу сможет выбрать подходящего к запросу специалиста;
4. На странице личной терапии мы подробно раскрываем ситуации, в которых могут помочь специалисты команды.

• Ассоциативный ряд. Для лучшего понимания ожиданий заказчика, я попросила заполнить ассоциативный ряд (скрин ниже). На основе запросов, страхов/сомнений ЦА, а так же результатов заполненной схемы, я подобрала референсы для будущей дизайн-концепции.
• Было разработано 3 варианта дизайн-концепций. Но первый вариант экрана мне показался обезличенным и слишком спокойным для нас, поэтому от него я быстро отказалась.

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

На всех согласованных страницах нет логотипа, так как заказчик разрабатывал его с другим дизайнером после сдачи дизайна сайта. Ниже приведены первые экраны 4-х страниц.

• Переключатель по табам помог компактно собрать информацию по специалистам в одном месте. ВАЖНО не просто представить специалистов, а продемонстрировать пользователю ПОЛЬЗУ, которую он получит от взаимодействия со специаслитом.

Данной последовательностью блоков я закрыла следующие задачи:

• Представила компанию
• Выявила главные преимущества
• Основные направления работы (через них можно попасть на отдельные страницы)
• Возможность выбрать специалиста
• Целевое действие — оставление заявки.

• На первом экране основное решение: пользователь сразу видит, с чем мы можем помочь и о чем будет говорить на этой странице сайта. Тезисно написала основные задачи, которые можно делигировать команде.
• В принципах закрыла основные страхи ЦА этой услуги.
• Подробно и конкретно показала, какие услуги какой специалист оказывает. Это нужно, чтобы пользователь сам не додумывал, с какой проблемой он может к нам обратиться.
• Вынесла сильное преимущество в отдельный блок
• Отобразила стоимость услуг – это классическая фильтрация ЦА по ценовому сегменту
• Оформила отзывы с заметным тезисом