17 / Три последовательных приема

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

Ссылка на проект

18 / Вспомогательные линии

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

Ссылка на проект

19 / Вариативность

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

Ссылка на проект

20 / Навигация «шторками»

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

Ссылка на проект

21 / Сломанный CSS

Очень импонируют такие брутальные истории, хотя понимаю, что данные проекты далеко не для всех, особенно если заходит речь про удобство навигации и изучения материала. Однако чувствуется в этом некая честность автора, его близость к естественным материалам и изначальному вебу.

Ссылка на проект

22 / Взгляд в будущее

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

Ссылка на проект

23 / Пиксельный эффект на превью

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

Ссылка на проект

24 / Интерактивный логотип

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

Ссылка на проект

25 / Акцент на продукте

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

Ссылка на проект

26 / Вырезанные элементы

Брутальный сайт промышленной студии, состоящий всего из двух страниц. Интересная и минималистичная концепция, особенно хочется отметить быстрый доступ ко всей информации и ховер на проектах с вырезанными элементами поверх основного контента. Достаточно простой, но эффектный прием, сам иногда его использую.

Ссылка на проект

27 / Минимализм по-скандинавски

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

Ссылка на проект

28 / Модульный характер

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

Ссылка на проект

29 / Болдовые элементы

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

Ссылка на проект

30 / Минимальные приемы

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

Ссылка на проект

31 / Идентифицирующий образ

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

Ссылка на проект

32 / Концептуальность

Очень понравилась концептуальная главная страница с ее плавной прокруткой и динамичной презентацией товаров. Первоклассная работа с пространством и композицией, а также отличное сочетание брутализма и лаконичного подхода.

Ссылка на проект

33 / Контурные иллюстрации

Возвращаюсь на канал после небольшого отсутствия с интересным проектом. Сама по себе презентация, на уровне ощущений, напоминает стилистику работ студии Non-Objective. В целом понравилась ее графичность и одновременно простая, но вместе с тем выверенная эстетика. Отдельно выделю контурные иллюстрации самой мебели, так как за счет данного приема появляется какой-то свой индивидуальный характер.

Ссылка на проект

34 / Цветовое сочетание

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

Ссылка на проект

35 / Акцентный прием

Очень люблю такие минималистичные и аккуратные истории, которые одним акцентным приемом могут захватить все твое внимание, что в последнее время не всегда получается у сайтов awwwards, где в своей основе сейчас преобладает необдуманное заполнение пространства множеством анимаций и 3D-моделями без каких-либо идей и смыслов.

Ссылка на проект

36 / Креативный подход

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

Ссылка на проект

37 / Погружение

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

Ссылка на проект