Кейс: дизайн сайта для психолога
Веб-дизайн для Центра поведенческой психологии Павла Хорошутина
Figma
Этот кейс - пример свежего взгляда на веб-дизайн сайта психолога и оказания психологических услуг
Задача
К нам обратился Павел Павлович Хорошутин — психолог, генеральный директор Центра научной психологии «Технологии идеала» и автор русскоязычной версии методики 7Spsy.
На первом созвоне мы подробно обсудили позиционирование центра и ключевые особенности подхода. Самой важной задачей стало донести до посетителей сайта, что работа центра основана не на популярных психологических трендах, а на научном подходе, который сохраняет традиции объективной и поведенческой психологии.
Именно эта идея стала фундаментом всего будущего дизайна.
О проекте
Нам довольно быстро стало понятно, что это не очередной сайт психолога про «гармонию», «ресурсное состояние» и красивые абстрактные формулировки. Заказчик много говорил о научном подходе, объективной психологии, исследованиях и методиках, которые опираются на реальные данные и десятилетия практики. Именно эту мысль нужно было донести до посетителя ещё до того, как он начнёт читать длинные тексты.
Поэтому мы решили строить дизайн вокруг ощущения экспертности и доверия. Пользователь должен сразу понимать, кто перед ним, почему этому специалисту можно доверять и чем его подход отличается от большинства психологических практик на рынке.
При этом важно было не перегрузить сайт академичностью. Человек приходит сюда со своей задачей: хочет справиться со стрессом, изменить привычки, улучшить отношения или разобраться в себе. Поэтому навигация и структура страниц проектировались так, чтобы путь до нужной услуги был максимально понятным и естественным.
В рамках проекта мы разработали дизайн шести страниц: главной, страницы категории услуг, отдельной услуги, блога, статьи и раздела «О центре». Все макеты были собраны в единую дизайн-систему в Figma, благодаря чему сайт воспринимается цельным продуктом, а не набором отдельных страниц. Независимо от того, попадает пользователь на главную страницу или сразу открывает статью из поиска, он оказывается в едином визуальном пространстве, где каждая деталь работает на главную идею проекта — показать психологию как серьёзную научную дисциплину, а не набор популярных советов из интернета.
При разработке макетов мы не хотели, чтобы дизайн ассоциировался с больницей
Концепция
Большинство сайтов психологов строятся вокруг мягких пастельных оттенков, домашнего уюта и эмоциональных образов.
В данном проекте требовалось решить другую задачу — показать психологию как дисциплину, основанную на исследованиях, наблюдениях и проверенных методиках.
Научность
Темная графитовая палитра создает ассоциации с академической средой, серьезным подходом и экспертностью.
Контрастные акцентные элементы помогают выделять важную информацию и управлять вниманием пользователя.
Структурность
Информация разбита на логические блоки, что позволяет комфортно воспринимать даже большой объем текста.
Это особенно важно для образовательных и психологических проектов, где пользователи изучают материалы перед принятием решения.
Доверие
В дизайне активно используются фотографии автора, реальные изображения людей и визуальные подтверждения экспертности.
На главной странице отдельное внимание уделено истории объективной психологии и ее ключевым представителям, что усиливает ощущение фундаментальности подхода.
Работа с цветом
Основу интерфейса составляют:
- глубокий графитовый фон;
- светлые контентные блоки;
- насыщенный зеленый акцентный цвет.
Зеленый цвет выбрали не случайно. Он одновременно ассоциируется с развитием, ростом, обучением и положительными изменениями, а также помогает смягчить строгость темной палитры.