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

Зеркало

Подготовка к трудному разговору

Категория
Инструменты
Платформа
Web · iOS
Стиль
Две инверсные половины: циан и глубокий синий
Шрифты
Consolas
Объём
7 КБ, одна HTML-страница
lawlabs.ru/demo/zerkalo/
Зеркало — первый экран концепта
01

Задача

Подготовка к трудному разговору.

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

Платформа — Веб, iOS; визуальный язык — «Две инверсные половины: циан и глубокий синий»

«Услышать другого. Не потерять своё.»Главное сообщение первого экрана
02

Структура

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

H1Услышать другого. Не потерять своё.
H2Наша сторона
H2Другая сторона
03

Цвет

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

#092F42текст
#86EFF4акцент
#17201Eтекст
#E4F9FBфон
04

Типографика

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

Аа Бб Жж Юю 1995 §
Consolas
системный
05

Экраны

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

Прототип

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

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

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

№ 246 · Vault
№ 246Инструменты

Vault

Журнал сохранности цифровых материалов

Web · Форензик-терминал
№ 252 · Clauselib
№ 252Инструменты

Clauselib

Типографическая библиотека договорных условий

Web · Синий алфавитный указатель

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

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