Материал
Приём для производств одежды, обуви, вещей для дома: наводишь на пункт — по ховеру появляется текстура. Конечно, информативности в такой странице ноль, но сделано красиво, и материал становится объектом желания.


#web #промо #интерактив

Визуальный код

Рекомендация
Есть несколько подходов к тому, как показывать отсутствующие товары в интернет-магазине. Можно блочить всю карточку, можно вешать плашку «Нет в наличии», можно прикручивать предзаказ, можно скрывать товар.
А можно, как «Перекрёсток», выводить рекомендацию: мол, этого товара сейчас нет, но есть другой похожий и не хуже. На мой вкус, визуально исполнение выглядит сложновато, но сам подход и идея классные. И, наверное, этот приём здорово конверсию повышает.


#ux #web

Визуальный код

Полоса
Цветная полоса внизу модуля как деликатный способ брендирования чего угодно — от визитки до лестницы.


#композиция #цвет

Визуальный код

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


#стикеры

Визуальный код

Рукотворность
Любопытный стиль, построенный на ощущении рукотворности. Есть в этом что-то от эстетики ваби-саби — красоты простого и мимолётного.


#композиция #иллюстрация

Визуальный код

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


#материал

Визуальный код

Шум
Иногда шум (в смысле, noise) — тоже приём. Добавляет шершавости, дичи, тактильности.


#композиция

Визуальный код

Крыша как символ объединения
Визуальный язык культурного центра с кучей разных мероприятий использует крышу как метафору объединения. Главная идея — перед нами место, способное стать домом для каждого.
За наводку спасибо дайджесту Оди.


#айдентика #композиция

Визуальный код

Там же: инструкция с интересными разделителями между фактоидами. — https://www.behance.net/gallery/63689707/Hobbies-Fun-blocks

Визуальный код

Пятно по центру
По центру композиции — модуль-пятно с мягкими и округлыми формами. Дружелюбно, просто, без изысков и легко масштабируется.


#композиция

Визуальный код

Цифровое и рукотворное
В продолжение пятничной темы: классная работа с цветом, хаосом и порядком. Вообще очень люблю баланс цифрового и рукотворного.


#композиция

Визуальный код

Глубина
Интерактивная карта метро Сеула, отображающая глубину залегания станций относительно друг друга. Вещь не функциональная и, на мой вкус, не до конца проработанная, но демонстрация глубины и разных слоёв может быть интересным ходом в образовательных или развлекательных проектах. При смене масштаба можно переключаться между разными уровнями глубины, выводить разную контекстную информацию, наглядно показывать конструкционные различия станций и сложные транспортные узлы.


#схема #interaction

Визуальный код

Ракурс
Блюда в меню показаны в интересном ракурсе: мы видим предметы не сверху вниз, а на плоскости, как видели бы их на просторном столе. Выглядит очень естественно.
Да и в целом кейс классный, полный милых и ненавязчивых находок: например, ресторан называется Monkeys, и в качестве мокапов при презентации айдентики используются руки горилл. Кайф.


#фотография

Визуальный код

Фон для интерфейса
Частая головная боль — как показать интерфейсы в портфолио или на странице продукта, чтобы было не скучно и не слишком технично. Tetrisly использует для этой цели фактурные фоны с текстурами и неправильными формами объектов. Получается контрастно, но достаточно деликатно, чтобы декорация не побеждала содержание.


#декорации

Визуальный код

Простые формы
Визуальная коммуникация, построенная на комбинации самых простых форм. Понравилась универсальность, смелость и яркий характер, выраженный простыми средствами. За наводку спасибо каналу студии «Луч».


#композиция #web

Визуальный код

Во всех учебниках по типографике пишут: не смешивайте стили, не борщите, два шрифта на проекта — максимум. А вот пример умного нарушения правил. И сочно вышло.
Всё решают иллюстрации, развитый стиль проекта и крепко сбитая композиция.  — https://new.odesa.aero

Визуальный код

Преимущества продукта
Понравилось, как показаны преимущества продукта на лендинге: компактные карточки-модули с ключевыми идеями и приятными иллюстрациями.


#web #модули

Визуальный код

Сочетание фактуры, старомодных шрифтов и современной композиции в вебе. — https://dribbble.com/shots/3665396-History-Timeline

Визуальный код