Новая Жизнь: Редизайн сайта для общественного фонда

О проекте:

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

Цели улучшения UX/UI

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

Концепция:

Концепция нового дизайна разработана с учётом ключевой миссии Фонда «Новая жизнь» и особенностей её аудитории. Основной задачей было создать максимально удобный, комфортный и дружелюбный интерфейс, способствующий быстрому поиску необходимой информации и установлению доверительных взаимоотношений между организацией и посетителями сайта.

Основные принципы концепции:

◉ Интерфейс строится на минимализме и ясности подачи информации. Используются светлые тона фона, контрастные акценты на важных элементах управления и лаконичный дизайн блоков. Это создаёт ощущение открытости и простоты восприятия, позволяет быстрее ориентироваться даже наименее опытным пользователям сети.

◉ Чтобы подчеркнуть социальную направленность Фонда, особое внимание уделено созданию атмосферы поддержки и доверия. Интерфейс выглядит приветливым и располагает пользователей открыто обращаться за помощью, используя крупные и заметные кнопки действий типа «Позвонить» и «Получить помощь».

◉ Контент организован таким образом, чтобы каждый пользователь мог легко найти нужную информацию исходя из своей конкретной ситуации. Для этого создана удобная категоризация страниц по наиболее частым запросам аудитории («Хочу пройти тест», «Нужна консультация», «Помощь в сопровождении»). Такой подход повышает юзабилити и удовлетворённость пользователей.

Брендбук

Клиент обратился ко мне с уже существующим фирменным знаком, который следовало гармонично вписать в обновлённую концепцию визуальной системы проекта. Моя задача состояла не в создании полного брендирования с нуля, а в интеграции существующего логотипа в общую стилистику проекта.

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

Что сделано

◉ Проведён подробный анализ текущего состояния фирменного стиля и определённых направлений дальнейшего развития; 

◉ Развёрнуто полное руководство по применению логотипа, цветов, типографики и прочих ключевых компонентов визуального образа; 

◉ Разработана гибкая модульная система размещения логотипа и сопутствующих элементов на страницах веб-сайта и полиграфических продуктах; 

◉ Реализованы рекомендации по адаптации фирменного стиля под разные форматы и носители, начиная от визиток и заканчивая баннерами и презентациями.

Аналитика и решение

Первоначально был проведен глубокий анализ аудитории Фонда «Новая жизнь». Пользователи представлены широким спектром возрастных групп и уровней цифровой компетентности — от молодых людей до пожилых граждан. Ключевой приоритет для всех пользователей заключается в простоте, доверии и возможности оперативно получать необходимые услуги без избыточных усилий.

Из анализа были сделаны ключевые выводы:

◉ Интерфейс должен оставаться предельно ясным и функциональным, исключающим декоративные эффекты, отвлекающие внимание.

◉ Важнейшие сценарии взаимодействия («Тестирование», «Консультации», «Сопровождение») должны располагаться на первом экране, обеспечивая быструю ориентацию и решение вопросов пользователей.

◉ Люди пожилого возраста нуждаются в крупных шрифтовых размерах и четко организованной структуре информации.

◉ Необходимо учитывать мобильную аудиторию, обеспечив удобную навигацию и доступность сайта с телефонов, поскольку значительная доля пользователей обращается именно с мобильных устройств.

Результатом анализа стало проектирование следующего подхода к дизайну:

◉ Строгая сеточная структура обеспечивает порядок и систематичность представления контента, позволяя добавлять новый материал без потери общей целостности интерфейса.

◉ Детально проработаны страницы проектов и отчетов, усиливая восприятие надежности и открытости Фонда.

◉ Минималистический визуальный стиль дополняется акцентированным крупным шрифтом, что облегчает чтение и передвижение по контенту любым категориям пользователей.

◉ Создано выразительное графическое воплощение бренда, повышающее узнаваемость Фонда и формирующее устойчивый положительный образ.