Изображение статьи

Дизайн-дайджест Kokoc.tech: искусство в веб-дизайне

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

Выпуск №6 

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

  • Structured — сайт финансового продукта, посвященного Bitcoin, с неожиданной для этой сферы визуальной подачей. Вместо привычной технологичной эстетики здесь используются иллюстрации, текстуры и художественные образы. Визуальная концепция строится на контрастах: света и темноты, технологии и искусства, строгости и эмоциональности. За счет этого сложная финансовая тема получает собственный характер и атмосферу.
  • Glyphic показывает другой подход к визуализации сложного продукта. Биотехнологическая тематика раскрывается через четкую сетку, карточки, видео и анимацию. Структура помогает организовать большой объем информации, а движение изображений и других элементов делает подачу менее статичной и помогает последовательно знакомиться с продуктом.
poster
  • В проекте Pictoric главным языком коммуникации становятся иллюстрации. Они задают характер всему сайту и позволяют передать настроение команды еще до знакомства с отдельными работами. Среди деталей мы также отметили необычную кнопку в форме цветка и аккуратную анимацию, которая поддерживает визуальный стиль, не перетягивая внимание на себя.
  • Shopify Editions Winter 2026 превращает презентацию обновлений продукта в интерактивную витрину. Вместо обычного списка новых функций пользователь получает большое количество небольших интерактивных элементов и анимаций, с которыми можно взаимодействовать по мере изучения страницы. Отдельно обратили внимание на маленькие кнопки: на фоне тренда на крупные CTA компактные элементы интерфейса снова становятся заметным визуальным приемом.
  • В материале Vogue о Gen Z визуальная подача напрямую связана с темой. При наведении курсора появляются изображения, аутфиты меняются во время скролла, а на странице постоянно возникают новые визуальные акценты. Получается насыщенный и немного хаотичный интерфейс, который поддерживает рассказ о поколении Gen Z не только содержанием, но и самим способом взаимодействия с материалом.
poster

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

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

Экспресс лендинг за 2 недели

Выполним полноценный лендинг по фиксированной цене 250 000 ₽

Скачать презентацию
1.0.12