Анализ целевой аудитории
UX-прототип
Написание текстов
Дизайн-концепция
Дизайн сайта
UI-kit и передача макета стороннему разработчику
UX-прототип
Написание текстов
Дизайн-концепция
Дизайн сайта
UI-kit и передача макета стороннему разработчику
Срок реализации
Контент заказчика
Апрель 2024 - май 2024
Задача
Объём работы
Заказчик на сайте не хотел использовать персонализированные фотографии компанды, поэтому все изображения на сайте было решено генерировать в Midjourney.
Тексты и название компании были разработаны мной в процессе создания сайта.
Тексты и название компании были разработаны мной в процессе создания сайта.
Разработать дизайн многостраничного сайта для центра семейной психотерапии. Компания оказывает помощь и поддержку в нескольких направлениях: юридическая помощь при разводе, семейная психотерапия, помощь детям в период развода и личная психологическая поддержка.
- Выявила запросы ЦА по всем направлениям: семейная терапия, бракоразводный процесс и личная терапия. Запросы разделила на закрытие функциональных и эмоциональных потребностей;
- На основе анализа предложила предварительный прототип: как и какими решениями мы можем закрыть конкретные запросы на сайте.
- Обосновала свои решения в 24-минутной презентации. Такие ролики я записываю всем своим заказчикам индивидуально и делаю видео доступыми по ссылке.
Анализ целевой аудитории (ЦА)
- Для каждой услуги выделили отдельную страницу. Так пользователю удобно найти ответ на свой запрос и не потреблять контент, не относящийся к его проблеме;
- Тексты в каждом проекте я пишу с маркетинговой точки зрения. Важно, чтобы тексты закрывали свои задачи, вели пользователя к покупке, закрывали возражения ЦА и отвечали на вопросы. Тексты на сайте должны полностью забирать на себя первое касание покупателя с вашим бизнесом.
- Главная страница закрыла задачу презентации компании, её преимуществ и всех услуг. С главной страницы пользователи могли перейти на все остальные, сузив свой запрос;
- Страница семейной психотерапии предлагает выход семьям из любой конфликтной ситуации. Здесь мы раскрываем преимущества услуги, наши квалификации, подробные отзывы;
- Страница по бракоразводному процессу презентует разные квалификации специалистов: юристы, медиаторы и психолога — так пользователь по их описанию и функционалу сможет выбрать подходящего к запросу специалиста;
- На странице личной терапии мы подробно раскрываем ситуации, в которых могут помочь специалисты команды.
Прототип и написание текстов
- Вторую концепцию я разрабатывала на основе идеи ведения дневника на приеме у психотерапевта. В дизайне использовала крафт-элементы, интерфейс переписки записи на прием, имитация рваного края бумаги и тд;
- Во второй концепции я решила передать спокойствие через использования кадров природы на фотографиях и цветах.
Референсы и дизайн-концепция
- Для лучшего понимания ожиданий заказчика, я попросила заполнить ассоциативный ряд (см.скрин). На основе запросов, страхов/сомнений ЦА, а так же результатов заполненной схемы, я подобрала референсы для будущей дизайн-концепции;
- Я разработала несколько первых экранах, в попытках передать атмосферу заботы и надежности, если пользователь обратиться к компании.
- Первый вариант экрана мне показался обезличенным и слишком спокойным для нас, поэтому от него я быстро отказалась.
Дизайн сайта
- Мы согласовали концепцию в спокойных пастельных оттенках и в качестве графического решения сгенерировали изображения в Midjourney;
- На всех согласованных страницах нет логотипа, так как заказчик разрабатывал его с другим дизайнером после сдачи дизайна сайта.
- Ниже приведены первые экраны 4-х страниц.
UX-решения
- Переключатель по табам помог компактно собрать информацию по специалистам в одном месте;
- ВАЖНО не просто представить специалистов, а продемонстрировать пользователю ПОЛЬЗУ, которую он получит от взаимодействия со специаслитом.
UX-решения
Дизайн главной страницы представлен ниже. Данной последовательностью блоков я закрыла следующие задачи: представила компанию, выявила главные преимущества, основные направления работы (через них можно попасть на отдельные страницы), выбор специалиста, преимущество в виде отбора профессионалов в команду, целевое действие — остальные заявки.
Сайт был передан на верстку стороннему разработчику
Если вам понравились ход работы и решения, которые я предлагаю, свяжитесь со мной в telegram
