---
updateDate: 2026-02-05T00:00:00Z
publishDate: 2024-09-11
publishYear: 2023
name: Nextons
title: Таск-трекер юридической фирмы
excerpt: Перепроектировали UI ключевых страниц, содержащих все интерфейсные элементы, которые используются в системе.
context: |
[Nextons](https://nextons.ru/) — команда юристов, официальный партнер международной юридической фирмы [Dentons](https://www.dentons.com/en/).
Команда Nextons создала и развивает [ЮОС (Юридическую операционную систему)](https://lawos.ru/). Это цифровая платформа для юристов, единая рабочая среда для сотрудников юридического департамента всех уровней.
isNew: true
logo:
src: ~/assets/images/portfolio/nextons/logo.svg
alt: Nextons • Логотип
link: https://nextons.ru/
image: ~/assets/images/portfolio/nextons/main.png
imageAlt: Собака Павлова • Nextons • Таск-трекер юридической фирмы
thumbnail:
src: ~/assets/images/portfolio/cards/nextons.svg
alt: Собака Павлова • Nextons • Таск-трекер юридической фирмы
tags:
- it
- ui-redesign
- redesign
- prof
relatedPages:
- text: |
### Вам нужен интерфейс?
#### Заказать дизайн
Напишите нам на [we@sobakapav.ru](mailto:we@sobakapav.ru)
#### Что мы можем сделать?
[UI-редизайн](/services/ui-redesign) и [точечный редизайн](/services/redesign), как в этом кейсе, и [многое другое](/services).
collection: services
page: ui-redesign
- collection: services
page: ui-redesign
- text: |
### Хотите уметь так же?
Научим создавать хорошие интерфейсы.
collection: promo
page: mio
- collection: promo
page: uc
relatedPages2:
- text: |
### Похожие проекты
collection: portfolio
page: dipol
- collection: portfolio
page: alfastrah-design
- collection: portfolio
page: jeffit
- collection: portfolio
page: just-info
outcome:
title: Некоторые цифры
numbers:
- title: Собрали
number: 6 ключевых страниц
text: в различных состояниях
- title: Создали
number: 4 цветовые палитры
text: на выбор
- title: Предложили
number: 12 референсов
text: для выбора стилистики
result:
- src: ~/assets/images/portfolio/figma.svg
text: Покажем из рук в руки и расскажем ещё больше
link: "mailto:we@sobakapav.ru"
budget: "240 000 ₽"
time: "1 месяц"
review:
text: "В действиях креативной команды явственно прослеживается опыт работы с интерфейсами программного обеспечения. В процессе работы предлагаются опции для решения тех или иных потребностей клиента."
person: Ярослав Черетун
position: менеджер по маркетингу
director: "Сложным профессиональным продуктам особенно необходим хороший вдумчивый дизайн интерфейса."
metadata:
canonical: https://sobakapav.ru/portfolio/nextons
title: Дизайн интерфейса • Таск-трекер юридической фирмы
description: "Перепроектировали UI ключевых страниц, содержащих все интерфейсные элементы, которые используются в системе."
robots:
index: true
follow: true
openGraph:
site_name: Собака Павлова
images:
- url: '~/assets/images/portfolio/nextons/badge.png'
width: 1200
height: 630
---
import Image from '~/components/common/Image.astro';
import TOC from '~/components/widgets/TOC.astro';
<TOC>
[Бизнес-задача](#anchor1) • [Дизайн-задача](#anchor2) • [Результат](#anchor3) • [Отзыв, цены, сроки](#anchor4)
</TOC>
## <a name="anchor1" />Бизнес-задача
Стандартизировать подход к интерфейсу, который компания развивает самостоятельно.
<a href="/images/portfolio/nextons/13.png" target="_blank"></a>
_Контентная страница. Работа с задачами. Фильтр столбца_
<a href="/images/portfolio/nextons/14.png" target="_blank"></a>
_Контентная страница. Работа с файлами_
## <a name="anchor2" />Дизайн-задача
Перепроектировать UI ключевых страниц, содержащих все интерфейсные элементы, которые используются в системе. То есть фактически создать конструктор, из которого дальше дизайнеры Nextons будут собирать ЮОС (Юридическую операционную систему).
<a href="/images/portfolio/nextons/12.png" target="_blank"></a>
_Реестр товарных знаков_
Мы провели интервью с командой заказчика, изучили вводные требования и выбрали для проработки следующие элементы:
1. Меню в различных состояниях.
2. Контентную страницу (на которой происходит работа с задачами и файлами).
3. Реестр товарных знаков (потому что в гражданском делопроизводстве используется множество товарных знаков)
4. Попапы различных видов.
5. Дашборды.
6. Рабочее пространство юриста с календарем.
<a href="/images/portfolio/nextons/17.png" target="_blank"></a>
<a href="/images/portfolio/nextons/18.png" target="_blank"></a>
_Pop-up_
## <a name="anchor3" />Результат
1. Создали наброски визуальных решений. Обсудили с командой заказчика варианты визуального стиля и выбрали рабочий вариант.
<a href="/images/portfolio/nextons/19.png" target="_blank"></a>
_Некоторые референсы_
2. Собрали дизайн ключевых экранов системы в новом UI-решении.
<a href="/images/portfolio/nextons/10.png" target="_blank"></a>
_Дашборд. Статистика задач_
<a href="/images/portfolio/nextons/11.png" target="_blank"></a>
_Дашборд. Управление ИС_
3. Собрали все используемые компоненты в единую библиотеку для обновления остальной системы внутренними ресурсами заказчика.
<a href="/images/portfolio/nextons/7.png" target="_blank"></a>
_UI-kit. Цвета_
<a href="/images/portfolio/nextons/8.png" target="_blank"></a>
_UI-kit. Кнопки_
<a href="/images/portfolio/nextons/9.png" target="_blank"></a>
_UI-kit. Контролы_
4. Передали заказчику дизайн-систему и примеры ее использования.
<a href="/images/portfolio/nextons/15.png" target="_blank"></a>
_Рабочее пространство юриста с календарем. Экран юриста_
<a href="/images/portfolio/nextons/16.png" target="_blank"></a>
_Рабочее пространство юриста с календарем. Экран юриста, pop-up_
## <a name="anchor3" />Экстра-польза
Заказчик создает юридическую операционную систему с тем, чтобы продавать ее другим юридическим фирмам.
Поэтому мы предложили несколько цветовых решений на выбор, чтоб можно было кастомизировать палитру для покупателя.
<div class="flex gap-2 flex-wrap"> <Image src="~/assets/images/portfolio/nextons/3.png" alt="Таск-трекер юридической фирмы" class="min-w-72 grow shrink basis-0"/> <Image src="~/assets/images/portfolio/nextons/4.png" alt="Таск-трекер юридической фирмы" class="min-w-72 grow shrink basis-0" /> <Image src="~/assets/images/portfolio/nextons/5.png" alt="Таск-трекер юридической фирмы" class="min-w-72 grow shrink basis-0" /> <Image src="~/assets/images/portfolio/nextons/6.png" alt="Таск-трекер юридической фирмы" class="min-w-72 grow shrink basis-0" /></div>
## <a name="anchor3" />Особенности и нюансы процесса
Объектов, задач и сущностей, с которыми надо работать, у юриста много. По-настоящему много, и все надо уместить в интерфейсе. Поэтому у нас шла нешуточная борьба за место на экране.
Вот, например, какую сложную конструкцию представляет из себя меню. Левая панель может быть свернутой или более или менее раскрытой. Из сжатой версии выпадают отдельные пункты.
<a href="/images/portfolio/nextons/1.png" target="_blank"></a>
<a href="/images/portfolio/nextons/2.png" target="_blank"></a>
_Меню в свернутом и в зафиксированном виде_
## <a name="anchor4" />