Концепт № 012 из 336 · Инструменты

Протокол

Диктофон с расшифровкой и разметкой спикеров

Категория
Инструменты
Платформа
iPadOS · macOS
Стиль
Катушечный магнитофон
Шрифты
Jura, PT Serif
Объём
14 КБ, одна HTML-страница
lawlabs.ru/demo/protokol/
Протокол — первый экран концепта
01

Задача

Диктофон с расшифровкой и разметкой спикеров.

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

Платформа — iOS, macOS; визуальный язык — «Катушечный магнитофон»

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

Структура

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

H1Протокол ведётся.
H2ПРОТОКОЛ СУДЕБНОГО ЗАСЕДАНИЯ · РАСШИФРОВКА
H3Кто говорит
H3Жёлтым — важное
H3Без облака
03

Цвет

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

#2A2622текст
#D9C7A7тон
#E63946акцент
#555555тон
#BFAE93тон
#DDDDDDфон
04

Типографика

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

Аа Бб Жж Юю 1995 §
Jura
Google Fonts
Аа Бб Жж Юю 1995 §
PT Serif
Google Fonts
05

Экраны

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

Прототип

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

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

Инструменты — ещё концепты

№ 015 · lexctl
№ 015Инструменты

lexctl

CLI для юристов-разработчиков: сроки, шаблоны, реестры

Terminal · CRT-фосфор

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

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