Концепт № 331 из 336 · Гражданам

Кто залил?

Расследование протечки на разрезе дома: нажмите на источник и узнайте, кто отвечает - сосед, управляющая компания или застройщик.

Категория
Гражданам
Платформа
Web
Стиль
Дело о протечке
Шрифты
Caveat, Anonymous Pro, Russo One
Объём
39 КБ, одна HTML-страница
lawlabs.ru/demo/kto-zalil/
Кто залил? — первый экран концепта
01

Задача

Расследование протечки на разрезе дома: нажмите на источник и узнайте, кто отвечает - сосед, управляющая компания или застройщик.

Сервис для человека без юридического образования: простые слова, пошаговый путь, честные ограничения и понятный следующий шаг.

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

02

Структура

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

H1Кто залил?
H2Главное правило
H3Разрез по стояку
H2Улики собрать до ремонта!
H2Алиби подозреваемых и как их проверить
H2Передать дело следователю по заливам
03

Цвет

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

#FFF59Dакцент
#6B5320акцент
#FFFFFFфон
#B8895Aтон
#1F1D1Aтекст
#3A3A3Aтон
04

Типографика

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

Аа Бб Жж Юю 1995 §
Caveat
Google Fonts
Аа Бб Жж Юю 1995 §
Anonymous Pro
Google Fonts
Аа Бб Жж Юю 1995 §
Russo One
Google Fonts
05

Экраны

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

Прототип

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

lawlabs.ru/demo/kto-zalil/
39КБ — вся страница целиком
1секция
1кнопка
6полей ввода
5SVG-иллюстраций
JSинтерактив на JavaScript

Гражданам — ещё концепты

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

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