Ru

Региональный общественный фонд «Новая Жизнь» — НКО, работающая в Свердловской области с 2011 года. Фонд помогает людям с социально значимыми заболеваниями (в т.ч. ВИЧ), зависимостями, вернувшимся из мест лишения свободы, а также женщинам в трудной жизненной ситуации. Команда включает людей, живущих с ВИЧ, медиков, юристов, психологов и соцработников. Услуги бесплатные: консультирование, сопровождение, оформление документов, экспресс-тестирование на ВИЧ. География — Екатеринбург и широкий список городов области.

Важно улучшить ux/ui для разноуровневой аудитории (молодые, зрелые, с нарушенными особенностями), которая часто ищет ответы «здесь и сейчас» — как пройти тест, куда обратиться, какие документы нужны, где ближайшая точка помощи.

Поэтому важно улучшить цифровое представление фонда, требуется максимально ясная навигация, крупные CTA (позвонить/написать), понятный язык и доступность контента.

Новая концепция дизайна строилась на сочетании социальной миссии фонда и потребностей аудитории. Основная идея — сделать интерфейс максимально простым, человечным и доверительным.

Визуальная система выстроена вокруг чистоты и ясности: светлая палитра, акцентные кнопки «Позвонить» и «Получить помощь», понятная иерархия блоков. Контент структурирован по жизненным ситуациям («Хочу пройти тест», «Мне нужна консультация», «Как получить сопровождение»), чтобы пользователи разных категорий быстро находили ответы.

Для усиления доверия проработан блок партнёров, и целевые страницы отчёты о деятельности, и проекты. Адаптивная сетка с промеренными отступами позволит удобно пользоваться сайтом как с мобильных устройств, так и на ПК, что важно для широкой региональной аудитории.

Из анализа были сделаны ключевые выводы:интерфейс должен быть максимально ясным, без перегруза декоративными эффектами;важные сценарии («тестирование», «консультация», «сопровождение») должны быть вынесены на первый экран;для людей старшего возраста важны крупные шрифты и чёткая структура;необходимо обеспечить лёгкую навигацию и доступность с мобильных устройств, так как многие заходят с телефона.

Решение: вынесены основные сценарии («тестирование», «консультация», «сопровождение») на первый экран, применена чёткая сетка и крупная типографика для удобства чтения. Контент структурирован по жизненным ситуациям, а тщательно проработанные страницы проектов и отчётов усиливают доверие к фонду;

Для проекта была выбрана сетка с большими отступами, это позволило избавиться от визуального шума: ничего не давит и не сбивается в кучу. Крупные логотипы партнёров выделены на светлом фоне — как доказательство доверия.

Новая Жизнь

Для более отчётливого стилистического приёма и позиционирования бренда, создал 3D-модель в программе, и для лучшей оптимизации сайта, сделал секвенцию в виде покадровых изображений, а обрабатывал анимацию в After Effects.

Итог

Проделана поэтапная работа:
Аналитика, Прототипирование, Визуальный концепт, Интерактивный дизайн-макет при каждом завершении этапа проводил для клиента презентацию о проделанной работе, и согласовывал следующие шаги и сроки реализации.
По итогу работы, клиент получил готовый дизайн-макет всех страниц, состояний, процессов. Всё, что требовалось по ТЗ, реализовано и одобрено.
Я всегда на связи для решения любых рабочих задач. Не откладывайте на завтра то, что может помочь сегодня вашему бизнесу
Made on
Tilda