Концепт № 029 из 336 · Практика и платформы

Табло

Legal Ops: все дела на одном табло

Категория
Практика и платформы
Платформа
Web
Стиль
Перекидное табло
Шрифты
Roboto Condensed
Объём
8 КБ, одна HTML-страница
lawlabs.ru/demo/tablo/
Табло — первый экран концепта
01

Задача

Legal Ops: все дела на одном табло.

Рабочее место для ежедневной практики: много данных, роли, связи между делами, документами и сроками. Интерфейс должен выдерживать нагрузку и не путать.

Платформа — Веб; визуальный язык — «Перекидное табло»

«Табло Legal Ops · отправления дел»Главное сообщение первого экрана
02

Структура

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

H1Табло Legal Ops · отправления дел
H2Юрдепартамент — это аэропорт.
03

Цвет

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

#111111текст
#F5C518акцент
#FFFFFFфон
#333333тон
#AAAAAAтон
#FF5252акцент
04

Типографика

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

Аа Бб Жж Юю 1995 §
Roboto Condensed
Google Fonts
05

Экраны

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

Прототип

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

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

Практика и платформы — ещё концепты

№ 138 · Часы
№ 138Практика и платформы

Часы

Окно для мака: не таймер над душой, а вечерняя раскладка.

macOS

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

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