Фонд бесплатной юридической помощи — социальная инициатива, направленная на обеспечение равного доступа к праву для всех категорий граждан. Основной задачей было разработать современный и понятный дизайн для ресурса, где пользователи смогут оперативно получать консультации и находить ответы на правовые вопросы
Работа включала создание дизайн-макетов в Figma, продумывание удобной структуры и адаптивного интерфейса для разных устройств
Фонд бесплатной юридической помощи
Цель проекта заключалась в создании современного цифрового ресурса, который будет интуитивно понятен массовому пользователю и соответствовать ключевым принципам UX. Особое внимание уделялось простоте интерфейса, визуальной структуре и созданию доверительного образа, чтобы пользователи могли быстро находить необходимую юридическую помощь и чувствовать уверенность при работе с платформой
Цель проекта
Что было сделано:
Дизайн
Разработаны дизайн-макеты, адаптивные версии для разных устройств и UI-кит. Проведено код-ревью, подготовлена масштабируемая дизайн-система для дальнейшего развития проекта
4
Прототипы
Созданы прототипы всех ключевых страниц с проработкой сценариев взаимодействия и user flow. Каждый шаг тестировался внутри команды, что позволило сформировать удобный и последовательный UX
3
Аналитика
Изучена целевая аудитория и конкуренты, выделены ключевые потребности пользователей. Разработана карта сайта для последующего этапа сборки прототипов
2
Анализ вводных
Собраны и изучены исходные данные: цели проекта, аудитория, существующие практики в сфере юридической помощи. Определены задачи и приоритеты, сформирована стратегия создания ресурса
1
Предпроектная аналитика
На этапе предпроектной аналитики была проведена сегментация целевой аудитории и определены её ключевые потребности. Это позволило сформировать чёткие пользовательские сценарии и зафиксировать основные направления развития проекта
Была прописана структура страниц и создана подробная карта сайта, которая отразила логику навигации и взаимосвязь разделов. Такой подход обеспечил основу для построения удобного и функционального UX, а также задал единый вектор для всей проектной команды
Была прописана структура страниц и создана подробная карта сайта, которая отразила логику навигации и взаимосвязь разделов. Такой подход обеспечил основу для построения удобного и функционального UX, а также задал единый вектор для всей проектной команды
Цветовое решение проекта было основано на айдентике логотипа и символически отсылало к государственности России: глубокие синие оттенки, красные акценты и нейтральные светлые фоны создали ощущение стабильности и официальности. Для типографики выбран шрифт Golos Text, который часто используется в государственных и общественно значимых сервисах. Такое решение помогло сделать визуальный стиль узнаваемым, современным и одновременно соответствующим тематике ресурса
Визуальный стиль
Главная страница
Главная страница стала центральной точкой ресурса и собрала в себе все ключевые элементы, необходимые для первого взаимодействия пользователя с платформой
Отдельно выделена форма для подачи заявки на бесплатную юридическую помощь, а также пошаговый блок «Как получить помощь», где процесс объяснён максимально ясно. Дополнительно представлены кейсы людей, которые уже получили поддержку фонда, что усиливает доверие и демонстрирует реальную эффективность работы
Отдельно выделена форма для подачи заявки на бесплатную юридическую помощь, а также пошаговый блок «Как получить помощь», где процесс объяснён максимально ясно. Дополнительно представлены кейсы людей, которые уже получили поддержку фонда, что усиливает доверие и демонстрирует реальную эффективность работы
В основе визуальной концепции использованы лёгкие градиенты в красно-синих оттенках. Такое сочетание подчёркивает связь проекта с государственной тематикой, при этом делает страницы живыми и современными. Градиенты создают мягкие переходы и акценты, формируя динамичную атмосферу и помогая выстроить чёткую визуальную иерархию для пользователя
Основные цвета и градиенты
Дизайн адаптирован под смартфоны и планшеты, сохраняя целостный визуальный стиль и удобство интерфейса. Ключевые акценты, градиенты и фирменная типографика были переработаны для компактных экранов, чтобы пользователь мог получать такой же положительный опыт от использования сервиса
Мобильная версия сайта
Это одно из ключевых направлений работы фонда. На странице подробно раскрыто, в каких жизненных ситуациях участники СВО и их семьи могут рассчитывать на юридическую помощь: от оформления льгот и социальных выплат до защиты прав и сопровождения в судах. Предусмотрена интерактивная карта, показывающая регионы присутствия, а также пошаговое описание процесса получения консультации
Участникам СВО
О фонде
В этом разделе представлена развернутая информация о фонде: его миссия, ключевые направления деятельности и ценности, которые лежат в основе работы
Пользователь может узнать о команде, которая стоит за проектом, и о партнёрах, поддерживающих инициативы фонда. Всё это формирует прозрачность, доверие и показывает масштаб деятельности организации
Пользователь может узнать о команде, которая стоит за проектом, и о партнёрах, поддерживающих инициативы фонда. Всё это формирует прозрачность, доверие и показывает масштаб деятельности организации
В этом разделе подробно описано, кто может стать участником и партнёром фонда — от юристов и вузов до организаций. Здесь представлены преимущества участия: доступ к проверенной информации, возможность личного вклада в развитие правовой культуры и расширение социальных инициатив
Партнерство
Здесь пошагово объяснено, как оформить заявку на бесплатную юридическую консультацию, а также представлены направления работы фонда. Пользователь может ознакомиться с видами поддержки, понять, как подать заявку, и сразу заполнить форму для получения бесплатной юридической консультации
Получить помощь
Новости
Раздел «Новости» служит для оперативного освещения деятельности фонда. Здесь публикуются актуальные события, анонсы мероприятий и важные объявления
Информация подаётся в формате карточек с заголовками и фотографиями, что делает подачу структурированной и удобной для восприятия
Информация подаётся в формате карточек с заголовками и фотографиями, что делает подачу структурированной и удобной для восприятия
Раздел «Правовой навигатор» включает обширную библиотеку шаблонов документов, сгруппированных по темам. Пользователь может выбрать подходящий шаблон, скачать его напрямую с сайта и использовать для решения своих правовых задач
Библиотека шаблонов
База знаний
Раздел «База знаний» является частью правового навигатора и служит удобным источником справочной информации
Здесь собраны материалы, которые помогают пользователям быстро находить ответы на актуальные правовые вопросы. Темы структурированы по разделам, что упрощает поиск и делает навигацию интуитивной и доступной
Здесь собраны материалы, которые помогают пользователям быстро находить ответы на актуальные правовые вопросы. Темы структурированы по разделам, что упрощает поиск и делает навигацию интуитивной и доступной
Ключевой элемент интерфейса — форма подачи заявки на юридическую помощь. Она выполняет роль основного call-to-action и позволяет пользователю выбрать удобный формат консультации (онлайн или офлайн), указать необходимые данные и отправить запрос
Заявка на консультацию
Поля ввода
В рамках проекта была проделана большая работа по проработке всех состояний полей и форм: от базового ввода до ошибок, подсказок и валидации
Такой уровень детализации позволяет разработчикам быстро и без лишних правок реализовывать интерфейс, а пользователям — получать предсказуемый и удобный опыт взаимодействия. Подготовленный UI-kit стал фундаментом для дальнейшей масштабируемости проекта и развития дизайн-системы
Такой уровень детализации позволяет разработчикам быстро и без лишних правок реализовывать интерфейс, а пользователям — получать предсказуемый и удобный опыт взаимодействия. Подготовленный UI-kit стал фундаментом для дальнейшей масштабируемости проекта и развития дизайн-системы
После регистрации пользователь получает возможность отслеживать статусы поданных заявлений, получать уведомления об изменениях и напрямую взаимодействовать с юристами. Процесс регистрации построен максимально просто и прозрачно, чтобы пользователь быстро получил доступ ко всем возможностям фонда
Регистрация
Для авторизации на платформе предусмотрено два удобных способа: по номеру телефона или через электронную почту. Пользователь получает одноразовый код или ссылку для подтверждения, что обеспечивает быстрый и безопасный доступ в личный кабинет без необходимости запоминать пароли
Вход
В личном кабинете пользователь получает удобный доступ ко всем своим заявлениям. Здесь отображаются статусы — от подачи до завершения, а также дата и направление дела. При необходимости можно быстро перейти к карточке конкретного заявления, чтобы просмотреть подробности и продолжить взаимодействие с юристом
Заявления
В личном кабинете реализована система уведомлений, которая информирует пользователя обо всех изменениях по его заявлениям. Здесь отображаются новые статусы дел, запросы на предоставление дополнительных документов и другие важные сообщения от юристов. Такой подход помогает оперативно реагировать на обновления и держать процесс под контролем
Уведомления
В личном кабинете доступна подробная карточка каждого заявления. В ней отображаются статус дела, направление и категория, а также дата подачи. Пользователь может просмотреть историю уведомлений, получать актуальные сообщения по конкретному делу и при необходимости закрыть его
Карточка дела
Мои данные
В личном кабинете предусмотрен раздел с персональными данными пользователя
Здесь можно просматривать и редактировать основную информацию — имя, контакты, адрес электронной почты и номер телефона. При необходимости изменения подтверждаются через код или письмо, что обеспечивает безопасность и актуальность данных
Здесь можно просматривать и редактировать основную информацию — имя, контакты, адрес электронной почты и номер телефона. При необходимости изменения подтверждаются через код или письмо, что обеспечивает безопасность и актуальность данных
