| Сайт с аналитикой о деятельности Центр Психологической и Информационной Поддержки Материнства «Душа Мамы» Тип: Многостраничный сайт Клиент: Автономная Некоммерческая Организация «Центр Психологической и Информационной Поддержки Материнства «Душа Мамы» (АНО «ЦПиИПМ «Душа Мамы») Сроки: 3 недели Проделанная работа:
|
О проекте и задачах
Некоммерческая организация «Центр психологической и информационной поддержки материнства «Душа Мамы» обратилась с запросом на создания сайта на для демонстрации аналитики о деятельности Центра за период с 2019 по 2022 гг.
Главная задача этого сайта — повышение доверия со стороны доноров и партнеров. Отчет является открытым и доступным источником информации для различной аудитории. Его цель рассказать о результатах работы организации, успехах и трудностях, с которыми она сталкивается. Всё это способствует увеличению поддержки и привлечению новых ресурсов.
Главная задача этого сайта — повышение доверия со стороны доноров и партнеров. Отчет является открытым и доступным источником информации для различной аудитории. Его цель рассказать о результатах работы организации, успехах и трудностях, с которыми она сталкивается. Всё это способствует увеличению поддержки и привлечению новых ресурсов.
Презентация сайта
Сайт функционирует, можете посмотреть и оценить его нажав на кнопку!
Исходные данные
Заказчиком было предоставлено:
- фирменные элементы (палитра, логотип)
- пожелания по структуре сайта
- текстовый и графический контент
Визуальные и функциональные решения
Пожеланием Заказчика было разделить информацию на три раздела:
- портрет мамы, которая обращается за помощью
- аналитика о работе проекта «Психологическая поддержка»
- аналитика о работе проекта «Служба заботы о мамах»
Цветовое решение выполнено в светлых и ярких оттенках. Светлые цвета такие как белый и светло-серый позволяют сосредоточиться пользователю на контенте не отвлекая его внимания, яркие цвета из фирменной палитры Заказчика направляю внимание пользователя, выделяя важные моменты.
Шрифтовая гарнитура Tilda sans, современный и минималистичный шрифт. Благодаря четким и легко различимым формам букв хорошо читается на различных носителях, включая экраны компьютеров и мобильных устройств. Имеет широкий диапазон весов и форм, позволяя создавать разнообразные композиции. Шрифт бесплатный для коммерческого использования и является одним из стандартных в конструкторе Tilda.
Шрифтовая гарнитура Tilda sans, современный и минималистичный шрифт. Благодаря четким и легко различимым формам букв хорошо читается на различных носителях, включая экраны компьютеров и мобильных устройств. Имеет широкий диапазон весов и форм, позволяя создавать разнообразные композиции. Шрифт бесплатный для коммерческого использования и является одним из стандартных в конструкторе Tilda.
Для возможности быстрого переключения между разделами сайта в десктопной версии разместила и закрепила слева вертикальное меню. В мобильной версии меню расположено внизу экрана.
Аналитический отчет подразумевает множество цифр и информации, для того чтобы наглядно представить информацию и помочь пользователю в ней разобраться сделал упор на инфографику. Она позволила сделать контент более привлекательным и интересным, что способствуют увеличению времени, которое пользователь проводит на сайте и повышает его вовлеченность.
Одна из задач сайта — поддержка и рост ресурсов. Поэтому на сайте разместила код для быстрого пожертвования. Во-первых, это удобно для пользователя, ведь они могут мгновенно сделать пожертвования, не тратя время на регистрацию и заполнение форм. Во-вторых, это позволит собрать больше средств для Центра «Душа Мамы». Чем больше людей узнают о работе Центра, тем больше вероятность, что они смогут привлечь новых сторонников и спонсоров. Рост финансирования позволит обеспечить качество работы Центра, открывать и/или увеличивать новые проекты и программы деятельности.
Так же на сайте встроены дополнительные коды для отслеживания трафика и метрик.
Так же на сайте встроены дополнительные коды для отслеживания трафика и метрик.
Для улучшения пользовательского опыты использовала плавную анимацию для графических элементов и ховер эффекты для кнопок. Это делает взаимодействие пользователя приятным и интуитивно понятным. Так же анимация может быть полезна для улучшения SEO, т.к. поисковые системы могут оценить наличие анимации, как признак качественного и интерактивного сайта.
Мобильная адаптация
