Cоюз охраны психического здоровья
Союз охраны психического здоровья занимается решением проблем российской психологии. Для этого она проводит социальные проекты в этой сфере, объединяет и поддерживает специалистов по всему миру. Было важно, чтобы сайт отражал всю деятельность компании в удобном для пользователей формате.
Задача
Разработать портал по техническому заданию заказчика.
Сайт должен быть рассчитан на две целевые аудитории:
— Люди, нуждающиеся в психологической помощи;
— Специалисты в области психологии;
Сделать ресурс одновременно новостным и информационным.
Структура и дизайн
Как всегда, начали с согласования структуры сайта. Разработали схему и обсудили ее с заказчиком. Основной принцип — для доступа к любому разделу требуется не более трех кликов.
После согласования структуры приступили к разработке макетов страниц. И также включили их в схему. Это позволило наглядно показать клиенту, как они будут связаны на готовом сайте.
Контент заказчика включал в себя материалы для разных направлений: фото, видео, описание проектов, pdf-файлы и онлайн-тесты. Чтобы органично вписать их в сайт, мы разработали 33 вида страниц и разделили весь контент между ними. К каждой странице создали макеты для ПК и мобильных устройств.
Согласно ТЗ у заказчика две основные целевые аудитории, поэтому мы поделили сайт на две части. В одной контент только для экспертов, в другой для потребителей. Для переключения между ними достаточно нажатия одной кнопки. Союз Охраны Психического здоровья работает в том числе и с иностранцами, поэтому сайт сделан в двух версиях: на русском и на английском языках.
Для пользователей реализовали функционал для управления контентом. Новости, статьи и методические источники можно сортировать по новизне, заголовкам, датам, тегам и делиться ими в соцсетях. Для каталогов и мобильных приложений добавили кнопки для скачивания. Если посетителю нужно зафиксировать для себя информацию на сайте — есть список избранного. Одно нажатие для сохранения, еще одно для открытия списка добавленных материалов.
Разработали ui-kit — правила по стилю. Если заказчик в дальнейшем захочет внести правки на сайте, то мы показали как это можно сделать без вреда для оформления сайта. Сюда входят цвета, шрифты и дизайн интерактивных элементов, которые можно применять на сайте.
Итоги
###182 дня