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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

38 / На грани

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

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

39 / Массивный логотип

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

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

40 / Уменьшенный кегль

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

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