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

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

Для автоматизации деятельности юридической службы компании «Газпром нефть» в области предоставления правовых консультаций используется веб-приложение на основе технологий Битрикс24, Vue.js и Symfony. С его помощью сотрудники компании могут направлять в юридическую службу запросы на консультацию и получать ответы на них.

В рамках работ по развитию решения нужно сделать редизайн интерфейса в соответствии с корпоративными гайдлайнами и требованиями пользователей.

Проект рассчитан на то, что им будет заниматься один человек — дизайнер.

Требуется выполнить редизайн интерфейса системы:

1. Проанализировать текущие сценарии использования решения.

2. Ознакомиться с текущей версией интерфейса и провести анализ пользовательского опыта работы с системой.

3. Собрать требования пользователей к интерфейсу.

4. Ознакомиться с корпоративными гайдлайнами.

5. Проанализировать ограничения, накладываемые платформой на дизайн интерфейсов.

6. Уточнить требования пользователей и актуализировать пользовательские сценарии, отразив результат в новой версии интерактивных макетов.

7. Разработать дизайн-мокап UI-приложения с использованием Figma-библиотеки Consta.

8. Продемонстрировать работу макетов лидеру проекта.

1. Интерактивный (поддерживающий переходы между страницами и элементами при клике на UI-элементы) макет (wireframe) UI, реализованный в Figma. Целью имплементации макета является определение наиболее удобного для пользователей варианта интерфейса.

2. Дизайн-мокап UI-приложения, реализованный на основе макетов и соответствующий следующим требованиям:

· дизайн подготовлен для всех страниц приложения с учетом состояний UI-элементов (разные стили положения переключателей, ховеры, валидация полей и отображение ошибок, состояние полей ввода, состояния expand/hide элементов и т. д.);

· помимо мокапа страниц, реализован style guide для верстальщиков со всеми UI-компонентами будущего приложения и их состояниями;

· мокап и style guide загружены в Figma с учетом требований верстальщиков (все UI-элементы доступны для исследования размеров, цветов и положения на странице относительно других компонентов).

1. Дизайн UI и styleguide в формате *.fig переданы Закзачику, соответствуют возможностям платформы систем (Битрикс24, Vue.js и Symfony), то есть является осуществимым в рамках возможностей кастомизации стандартных UI-компонентов и согласованы с разработчиком системы.

2. Дизайн UI соответствует утвержденным требованиям и реализует предоставленный набор сценариев использования.

3. Дизайн UI согласован конечными пользователями из фокус-группы и лидером проекта.

4. Интерфейс пользователя разработан в строгом соответствии с требованиями корпоративного стиля (брендбука) компании.

Проект предусматривает денежное вознаграждение в размере 300 000 рублей после выплаты налогов.

Лидер проекта предоставит вам:

· существующие сценарии работы и демонстрацию порядка работы в системе;

· доступ к фокус-группе для проведения исследования и сбора требований;

· корпоративные гайдлайны и визуальные примеры.

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