Commercial Excellence для девелопера

Варианты лендинга

Борис Прядкин — архитектор коммерческой функции в девелопменте. Ниже — варианты подачи посадочной страницы для просмотра и выбора.

Финальный кандидат

14
Финальный кандидат
Контент целиком по редакции заказчика, включая «Точки притяжения» и «Четыре правила». Кегли выровнены по его странице, магнитные кнопки убраны, вся моторика тише на 30%. Наше: палитра от фото, ритм секций, осмысленные анимации.
Открыть →

Шестая итерация — интерактив

13
Живая инженерия
Надстройка над вариантом 11: три глубины в обложке, уровень воды опускается при скролле, шкала 0,8ⁿ пересчитывается под курсором, слои поднимаются как этажи, магнитные кнопки. Каждый эффект объясняет смысл.
Открыть →

Пятая итерация — пробы по разборам дизайн-систем

12
Типографика WIRED
Три гарнитуры, три роли: выносная засечная в заголовках, текстовая засечная в повествовании, гротеск в структуре. Кикеры, редакционная плотность, прямые углы. Наша палитра и фото без изменений.
Открыть →
11
Логика Mastercard
Наша палитра и фото без изменений, но исполнение по разбору: система радиусов без середины, воздух как структура, круглый портрет со спутником, тёмные секции-стадионы, пилюли-кнопки.
Открыть →

Четвёртая итерация — палитра от фотографий

10
Фотографический
Цвета взяты пипеткой с самих снимков: тёмно-синий костюма, серо-голубой стен, песочно-белый студии, терракота дивана. Фото — без единого фильтра.
Открыть →

Третья итерация — на сравнение

08
Тёмный, но дышащий
Глубокий графит вместо чёрного, чередование светимости секций и одна тёплая передышка. Оранжевый — только кнопки и ключевые цифры. Три фото.
Открыть →
09
Светлый с тёмными ударами
Тёплая бумага и тёмный текст, три тёмные секции-удара: обложка, схема пяти слоёв, финал. Драматизм и ember живут в них. Три фото.
Открыть →
07
Кинематографичный
Исходник анимации: SplitText в обложке, липкая схема пяти слоёв, график распада 0,8ⁿ, счётчики. Без фото, сплошная тёмная гамма.
Открыть →

Вторая итерация — архив

04
Галерея
Почти-белый фон, графитовая типографика, акцент — кобальт. Ощущение архитектурного портфолио.
Открыть →
05
Журнал о деньгах
Тёплая бумага, чёрный Playfair, акцент — сургуч. Печатный Bloomberg/Monocle, авторские схемы.
Открыть →
06
Ателье
Фарфор, лесная зелень, воздушный Cormorant. Сквозная линия-хребет. Дорого, легко, живо.
Открыть →

Первая итерация — архив

01
Редакционный
Кремово-терракотовая палитра, выразительный сериф. Тёплая журнальная подача.
Открыть →
02
Смелый
Тёмный фон, крупная типографика, один живой акцент. Энергия и уверенность.
Открыть →
03
Человечный
Мягкие тёплые нейтралы, скругления, много воздуха. Тон личного советника.
Открыть →