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

Hearing

Недельное расписание заседаний

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

Задача

Недельное расписание заседаний.

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

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

«На неделе.»Главное сообщение первого экрана
02

Структура

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

H1На неделе.
H2Заседание по делу «Север»
03

Цвет

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

#1039ADакцент
#B8D4FFфон
#6185D2акцент
#00A8FFакцент
#FFFFFFфон
#7998EBакцент
04

Типографика

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

Аа Бб Жж Юю 1995 §
Системный шрифт
05

Экраны

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

Прототип

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

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

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

№ 259 · Hold
№ 259Практика и платформы

Hold

Панель сохранения материалов

Web · Индустриальный красный пульт
№ 266 · Lexops
№ 266Практика и платформы

Lexops

Платформа разработки юридических инструментов

Web · Чёрный типографический release train
№ 268 · Partner
№ 268Практика и платформы

Partner

Стратегическая карта юридической фирмы

Web · Бирюзовая асимметричная карта
№ 281 · Труд
№ 281Практика и платформы

Труд

Навигатор рабочих вопросов

Решающее дерево · Оранжевая редакционная колонка

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

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