Сайт-портфолио художника — Филиппа Рабачёва

Главное о кейсе

Филипп Рабачёв — художник и новатор в цифровом искусстве, преподаватель по направлению арт-фотографии. Его работы высоко оценены как на международных фестивалях, так и на российских, включая галереи современного искусства, например, в «Эрарте». Участник многочисленных выставок в России, Китае, Германии и Австрии. Его фотографии несколько раз становились обложками художественных книг, а статьи выходили в журналах профессионального сообщества: «Арт-агент», «Русская галерея-XXI век», PhotoCASA и других.

Филипп обратился к нам в студию за разработкой креативного сайта.

Как проект изменил жизнь пользователей

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

Так как основной «рабочей» страницей должен был быть проект, мы сделали путь пользователя лёгким и быстрым от главной страницы. Мы разместили видео с движущимся Филиппом на доске, а последующий блок сразу направляет посетителя на проекты в бесконечной ленте.

Бизнес-задача и ее решение

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

Крафт (мастерство), реализация, технические детали

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

Для логотипа был использован шрифт PT Kharms, что отсылает к теме великого абсурдиста. Для контента — PT Fer, рабочий текстовый шрифт без засечек, не лишённый собственного голоса. Когда читаешь текст, набранный «Фером», остаётся послевкусие от букв на старых проржавевших табличках где-то в Южной Европе.

Дальше было сложнее. Выбор цветовой палитры для сайта художника — то ещё занятие! Но мы вышли из положения, не зациклившись на двух-трёх базовых цветах, а подобрав под каждый проект свою палитру. Цвета, заимствованные из картин художника, не только органичны, но и управляются переключателем «темы». Принцип: каждому проекту — свой цвет!

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

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

Скриншоты