11 / Универсальный прием

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

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

12 / Технологичность и функциональность

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

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

13 / Культурные истоки

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

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

14 / Архитектурный дух

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

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

15 / Простой путь для пользователя

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

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

16 / 3D-меню

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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