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

Коридор

Живые задержки заседаний у залов суда по отметкам тех, кто ждёт

Категория
Суды и процесс
Платформа
iOS · Android
Стиль
LCD-игра 80-х
Шрифты
Russo One, Cuprum, Pixelify Sans
Объём
24 КБ, одна HTML-страница
lawlabs.ru/demo/koridor/
Коридор — первый экран концепта
01

Задача

Живые задержки заседаний у залов суда по отметкам тех, кто ждёт.

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

Платформа — iOS, Android; визуальный язык — «LCD-игра 80-х»

02

Структура

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

H1КОРИДОР
H2Электронная игра «Коридор»
H31. НАЗНАЧЕНИЕ
H32. ОРГАНЫ УПРАВЛЕНИЯ
H33. ИНДИКАЦИЯ
H34. ПРАВИЛА ИГРЫ
H35. ТЕХНИЧЕСКИЕ ХАРАКТЕРИСТИКИ
H36. ВОЗМОЖНЫЕ НЕИСПРАВНОСТИ
H2Таблица рекордов
H2Гарантийный талон
03

Цвет

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

#F1E9D6фон
#E2481Dакцент
#B8C4A4тон
#1A1411текст
#FFFFFFфон
#6B1F08акцент
04

Типографика

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

Аа Бб Жж Юю 1995 §
Russo One
Google Fonts
Аа Бб Жж Юю 1995 §
Cuprum
Google Fonts
Аа Бб Жж Юю 1995 §
Pixelify Sans
Google Fonts
05

Экраны

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

Прототип

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

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

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

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

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