шум и муть

сайт коллаборации

Image 1080x1920

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

Сайт разрабатывался командой из трёх человек: Дарья Мишина отвечала за дизайн страниц отдельных работ, обработку фотографий и мобильную версию; Дарья Кочевалина — за анимации, векторные ассеты и планшетную версию; я взял на себя арт-дирекцию, создание айдентики, дизайн лендинга и каталога работ, а также вёрстку.

Image 1080x1920Image 1080x1920Image 1080x1920

Анимация

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

Image 1080x1920
steam locomotives
in the metro
Instead of a regular subway train, a pre-revolutionary steam locomotive pulls up to the platform. Where does it take you?
pills
Each day, a person takes a new pill from the set—and whatever happens, happens. Everyone invents their own side effect or consequence.
roman empire
Everyone finds their own "Roman Empire" and depicts it in their own unique style and form.
construction workers
behind the window
Workers from the window. The ones we see every day. Each page captures one of their days, where absolutely anything can happen. For example: a page showing their usual dull workday suddenly interrupted by a tsunami.
fishes
What is a fish to you? An existential question that has haunted artists for centuries—from the scaly, hairy fish of medieval manuscripts to the three-eyed mutant fish of sci-fi and the conceptual "text-fish" of today. A fish isn't something objective; it's each person's own vision of what a "fish" truly is.
the book of
favorites
Each person selects 2-4 favorite things (exact number can be agreed upon) e.g., an article of clothing, a place, an emotion, a song, a food and represents them visually on a spread. The only rule: all items must belong to different categories.
invisible / hidden
Visualizing the invisible: emotions, scents, memories, rhythms, expectations. Everyone does so in their own style, without limits.
noise & murk
Each student is invited to find their own visual interpretation of these words - literal or metaphorical, abstract or concrete.
Image 1080x1920

Tilda

Технологии

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

ко всем проектам