Концепт № 117 из 336 · Суды и процесс

Лист дела

Ознакомление с делом: съёмка томов, номера листов, опись и изменения

Категория
Суды и процесс
Платформа
iOS · Android
Стиль
Микрофиш-ридер
Шрифты
Geist Mono, Noto Serif Display, Bad Script
Объём
32 КБ, одна HTML-страница
lawlabs.ru/demo/list-dela/
Лист дела — первый экран концепта
01

Задача

Ознакомление с делом: съёмка томов, номера листов, опись и изменения.

Судебный контекст: сроки, инстанции, статусы и документы. Интерфейс переводит язык процесса в понятные состояния и не даёт пропустить важное.

Платформа — iOS, Android; визуальный язык — «Микрофиш-ридер»

02

Структура

Страница собрана из 5 смысловых блоков: заголовок первого экрана задаёт тему, дальше — доказательства, сценарии и призыв к действию. Схема ниже повторяет иерархию заголовков прототипа.

H1Лист дела
H2Шесть кадров одной плёнки
H2Что изменилось в деле
H3Под тем же номером теперь другой документ
H2Поиск по всем томам
H2Ознакомьтесь один раз — навсегда
03

Цвет

Палитра собрана из стилей прототипа: фон, текст, акценты и промежуточные тона.

#0B0C10текст
#2334A8акцент
#FFB000акцент
#FF4D4Dакцент
#2A2A2Eтон
#C9C5B8тон
04

Типографика

Шрифты задают характер раньше, чем пользователь прочтёт первое слово.

Аа Бб Жж Юю 1995 §
Geist Mono
Google Fonts
Аа Бб Жж Юю 1995 §
Noto Serif Display
Google Fonts
Аа Бб Жж Юю 1995 §
Bad Script
Google Fonts
05

Экраны

Компьютер · 1440 px
Лист дела — страница целиком
Лист дела — мобильная версия
06

Прототип

Это не картинка, а работающая страница: кнопки, поля и анимации живые. Запустите прямо здесь или откройте в новой вкладке.

lawlabs.ru/demo/list-dela/
32КБ — вся страница целиком
5секций
1кнопка
1поле ввода
4SVG-иллюстраций
JSинтерактив на JavaScript

Суды и процесс — ещё концепты

№ 118 · Капсула
№ 118Суды и процесс

Капсула

Маршрутизация обращений граждан и детектор отписок для госорганов

Госсистема · Пневмопочта · латунь

Сделаем такой же — для вас

Возьмём концепт за основу: адаптируем под бренд, наполним вашими текстами и данными, подключим интеграции и запустим.