Шестнадцать живых сайтов вне нашей отрасли: рабочие инструменты, банки и премиальные бренды. Смотрим не на тематику, а на приём: как держат строгость, чем заменяют привычные карточки и где ставят единственный акцент. У каждого подписано, что забираем в платформу.
свод качества, раздел 0.6
свод качества, раздел 3
свод качества, разделы 3 и 4
свод качества, раздел 4
Здесь живут люди, которые сидят в интерфейсе весь день. Отсюда берём структуру рабочих экранов оператора.
Приём: продукт показан сразу, без обещаний. Три колонки: слева разделы, посередине запись и лента событий, справа свойства. Ничего не открывается новой страницей.
Наш экран стыковки: слева объекты, посередине лента «что произошло», справа свойства пары и кнопки. Оператор не теряет место в списке.
Открыть
Приём: на чёрном фоне одна диагональная красная лента из мягких полос и белый заголовок по центру. Весь цвет собран в одном месте, остальное монохром.
Так можно сделать вход в платформу: тёмная страница, одна фирменная диагональ, форма входа по центру. Дёшево в поддержке, выглядит дорого.
Открыть
Приём: заголовок в две строки, где вторая строка перекрашена в акцент. Под ним настоящее окно приложения с живыми данными, а не абстрактная картинка.
Приём для нашей публичной страницы: вторая строка заголовка цветом, а ниже настоящий экран кабинета бригадира.
Открыть
Приём: фон это размытое видео с текстом, а поверх лежит одна светлая панель с настоящим полем ввода. Фон не отвлекает, потому что расфокусирован.
Годится для экрана «Завести заявку»: размытая фотография объекта позади, светлая панель формы впереди.
ОткрытьБанки и платёжные системы держат доверие типографикой и воздухом. Отсюда забираем подачу сумм и форм.
Приём: почти пустой белый экран, одна фраза крупным кеглем по центру, две кнопки. Продукт показывают ниже сгиба, без давления.
Первый экран для застройщика: одна фраза, две кнопки, а ниже настоящий реестр бригад. Белизна сама по себе читается как дорого.
Открыть
Приём: моноширинная метка над заголовком с живой цифрой, кислотно-жёлтая кнопка как единственное цветное пятно, внизу бегущая строка счётчиков.
Наш вариант: «через площадку прошло 12 480 м²» моноширинным вверху и такая же лента цифр внизу. Цифры у нас настоящие, из базы.
Открыть
Приём: блоки разной ширины в одной сетке, внутри каждого настоящий кусок интерфейса и кнопка раскрытия. Не три одинаковые карточки, а модули разного веса.
Так собираем раздел «Как это работает»: крупный модуль про стыковку, поменьше про объёмы, узкий про комиссию.
Открыть
Приём: во весь экран атмосферный пейзаж, поверх него полупрозрачная строка с одним полем и кнопкой. Интерфейс лежит на картинке, а не рядом с ней.
Ход для публичной страницы: фотография объекта, поверх строка «оставить заявку в круг». Отличается от всех строительных сайтов, где фото и форма стоят рядом.
Открыть
Приём: фотография со сцены работы, заголовок в три коротких предложения друг под другом и две кнопки. Над заголовком одна строчка оценки Trustpilot вместо блока отзывов.
Вам понравился такой же ход у Rukki. Здесь он сделан чище: то же фото плюс текст, но без пестроты и без слайдера.
Открыть
Приём: чистый белый, чёрный знак по центру, заголовок слева, три строки пояснений справа. Композиция держится на асимметрии и воздухе, декора нет вообще.
Образец предельной строгости: если захотим светлую тему без единого украшения, ориентир такой.
ОткрытьМебель, одежда, оптика и журналы. Ровно то, что вы просили: стильно и строго, без привязки к нашей теме.
Приём: школа Дитера Рамса: сетка из двух колонок, чёрный гротеск, фотография вместо украшений, ссылка-стрелка вместо кнопки. Ничего лишнего вообще.
Это эталон строгости для нашей документации и правил круга: заголовок, два абзаца, фото объекта, стрелка дальше.
Открыть
Приём: рабочая одежда снята как мода: кадр во весь экран, название внизу по центру, две короткие ссылки. Меню поверх фото без подложки.
Прямой ответ на вопрос, как показать стройку дорого: тот же приём с фотографией бригады на объекте и подписью снизу.
Открыть
Приём: видео гор, тонкая белая типографика по центру, кнопка паузы в углу. Суровая сцена подана спокойно, без пафоса и без крика.
Тон для нас: работа на высоте и в мороз выглядит достойно, а не как реклама подработки.
Открыть
Приём: инструмент в руках человека, техническое имя крупно (Summicron-M 66 f/2), белая круглая кнопка с красной точкой. Технический язык подан как роскошь.
Так можно показывать карточку бригады: имя, точные характеристики, одно фото работы. Спецификация вместо рекламных слов.
Открыть
Приём: журнальная подача: логотип-антиква по центру, дата выпуска слева, одно крупное фото материала. Навигация тонкой строкой под шапкой.
Подойдёт для раздела «Объекты круга»: каждый объект как статья с крупным кадром и датой, а не строка таблицы.
Открыть
Приём: воздух как главный материал: пустое поле, по центру номер выпуска антиквой, обложка и две текстовые ссылки. Больше на экране нет ничего.
Крайняя точка строгости. Если захотим, чтобы площадка выглядела как закрытый клуб, а не как сервис, смотреть надо сюда.
ОткрытьЭто про устройство экранов, а не про цвет. Каждое взято из списка выше и ложится на нашу механику.