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

На связи

Обновление статуса для клиента

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

Задача

Обновление статуса для клиента.

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

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

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

Структура

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

H1Не пропали. Работаем.
H2Коротко о главном
H2СООБЩЕНИЕ КЛИЕНТУ
03

Цвет

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

#FAEA60акцент
#242621текст
04

Типографика

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

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

Экраны

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

Прототип

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

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

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

№ 239 · Пункт
№ 239Инструменты

Пункт

Рабочее сравнение двух редакций

Web · macOS · Розовый типографический диптих с огромными буквами
№ 241 · Поле
№ 241Инструменты

Поле

Проверка полноты рабочего брифа

Web · Неоново-зелёный редактор с узкими колонками критериев

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

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