О проекте
Центр психологической помощи имени А. Адлера оказывает профессиональную помощь клиентам. В команде центра работают психологи, психотерапевты и психоаналитики.
Перед разработкой нового сайта необходимо было обновить фирменный стиль организации, разработать логотип и создать современную цифровую платформу на основе существующего сайта.
Задачи проекта
Перед командой Iris Digital стояли следующие задачи:
- разработать логотип центра;
- показать варианты его использования в реальной среде;
- модернизировать дизайн сайта;
- сохранить философскую и гуманистическую направленность проекта;
- перенести сайт на CMS UMI.CMS;
- создать адаптивную версию для мобильных устройств;
- разработать дополнительные функциональные модули;
- запустить англоязычную версию сайта.
Разработка логотипа
На первом этапе мы подготовили три концепции логотипа и показали, как они могут выглядеть в реальной жизни — например, на визитных карточках и деревянных поверхностях.
В рамках работы над концепциями рассматривались разные визуальные образы:
- глаз как символ наблюдения, осознанности и внутреннего мира человека;
- язык пламени вместо листа в одном из вариантов;
- лица как образ диалога, взаимодействия и психологической помощи.
После обсуждения вариантов остановились на концепции с лицами. Из логотипа убрали дополнительный элемент в виде свечи, чтобы сделать знак более лаконичным и универсальным.
Затем проработали несколько цветовых и типографических решений, после чего выбрали основной вариант логотипа. Для дальнейшего использования подготовили его основные версии:
- полноцветную;
- чёрно-белую;
- инверсную, или выворотку.
Анализ существующего сайта
На момент начала работ сайт центра работал на системе Joomla и имел устаревший визуальный стиль. Структура и оформление требовали модернизации, а функциональные возможности — дальнейшего развития.
В рамках подготовительного этапа мы разработали несколько вариантов прототипа главной страницы. Один из них был выполнен в классической трёхколоночной структуре.
После обсуждения с заказчиком был выбран второй вариант прототипа.
Концепция дизайна
Заказчик обозначил несколько важных пожеланий к будущему дизайну:
- использовать образы Земли и звёзд;
- добавить философские цитаты;
- передать атмосферу размышления, поиска и внутреннего диалога;
- сделать сайт спокойным, современным и содержательным.
Вместо стандартного слайдера на главной странице мы разместили изображение космоса. Оно стало центральным визуальным элементом сайта и помогло связать тематику психологической помощи с более широкими философскими образами.
В интерфейсе также предусмотрели интерактивные эффекты:
- при наведении изображение слегка увеличивается;
- философские цитаты плавно сменяют друг друга;
- анимация используется деликатно и не отвлекает пользователя от содержания.
В целом дизайн устроил заказчика. После презентации мы внесли ряд небольших доработок:
- добавили блок с партнёрами;
- разработали блок «Психологический словарь»;
- вынесли поиск по сайту в верхнюю часть страницы;
- скорректировали отдельные элементы структуры и навигации.
Разработка и функциональность
После утверждения дизайна мы разработали внутренние страницы и выполнили адаптивную верстку сайта.
Затем сверстанный дизайн был интегрирован с платформой UMI.CMS. Это позволило создать удобную основу для управления контентом и дальнейшего развития проекта.
Дополнительно были разработаны следующие модули:
- «Психологический словарь»;
- «Цитаты»;
- «Комментарии клиентов».
Также мы создали английскую версию сайта, чтобы сделать материалы центра доступными для англоязычной аудитории.
Результат
В результате работы Центр психологической помощи имени А. Адлера получил:
- новый фирменный логотип и набор его основных версий;
- современный сайт с выразительной визуальной концепцией;
- адаптивную версию для мобильных устройств;
- систему управления контентом на базе UMI.CMS;
- интерактивные блоки с космическими изображениями и цитатами;
- модули психологического словаря, цитат и комментариев клиентов;
- англоязычную версию сайта;
- обновлённую структуру и улучшенную навигацию.
Готовый сайт был проверен с помощью сервиса Google.
