017. Сайт, сделанный по правилам, который потом был аглифицирован

Часто говорят, что цифровая среда должна быть рациональной, удобной и даже незаметной. Когда мы (сегодня это слово пишет Виталик) работали над онлайн-магазином для Ugly Sweater Club, это представление противоречило нашей главной задаче — сохранить в сайте характер бренда, который полюбился людям своей непринужденностью, живостью и экспериментальностью.

Мы подумали, что непринужденность нельзя сымитировать, поэтому добавили в работу элемент игры: сначала сделали аккуратный сайт, а затем попытались его сломать. И даже придумали для этого процесса термин — сайт нужно было «аглифицировать». Это пример моего (Виталика) любимого метода — перформативного дизайна, когда метафора применяется не только к визуальному языку, но и к самому процессу работы.

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

Для нас было важно не переборщить с «аглификацией» и сохранить функциональность сайта, хоть и в стилизованном варианте: стартовая страница показывает последние съёмки и новые товары, каталог сделан привычной сеткой с фильтрами и поиском, а страница товара свёрстана понятным сплит-скрином с крупной фотографией и подробным описанием. С яркими цветами мы работали по принципам цифровой доступности: проверяли контрастность и не использовали цвет как единственный индикатор состояния.

Отдельно хочется рассказать о реализации сайта. Для команды Ugly Sweater Club важно легко обновлять контент и принимать оплату в рублях, поэтому сайт собирали на Тильде. Почти все использованные здесь блоки — базовые, лишь шапка и подвал написаны HTML-кодом. Мы модифицировали базовые блоки с помощью CSS-кода, который применён ко всему сайту, так что ребята могут самостоятельно собирать новые страницы или менять структуру.

Ссылка на сайт ↗

Ищем моушен дизайнеров

Мы хотим собрать базу моушен-дизайнеров, которых могли бы звать на будущие проекты. Присылайте портфолио на почту hello@non-objective.works c темой MD & N-O

Нам написало очень много людей — спасибо вам! Пока что закрываем наш маленький опен колл.

016. Айдентика, собранная из элементов процесса приготовления еды

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

Во-первых, дело в человеческом мэтче. Мы давно заочно знали ребят по другому их проекту (знаменитый Meal), но личное знакомство и погружение в то, как они подходят к работе, окончательно нас покорило. Глубокое понимание своего дела, внимание к деталям, искренность, фокус на команду, тёплые отношения внутри, доверие к каждому сопричастному, открытость к новому — и всё это не на словах, а в поступках. Это подкупает и создаёт ощущение близости и созвучности подхода, хоть мы находимся в совершенно разных сферах. Работать с такой командой и иногда оказываться в их мире — большой подарок для нас.

Хороший пример — футболка, в которой ходит команда ресторана, и заодно основной мерч Mill. На ней не просто логотип или какая-то иллюстрация, а все причастные к созданию Mill: дизайнеры интерьера, автор мозаики, бренд керамики, Praxis(abc), который сшил рабочие куртки, поставщики муки, дизайнеры айдентики — мы. Эту идею придумали сами ребята — а мы просто нашли для неё идеальную визуальную форму. Кажется, это очень красивая история про уважение к труду: не только своему, но и всех причастных.

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

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

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

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

В-третьих, дело, кажется, в лёгкости и честности. Ребята сконцентрированы на кухне — им не до графических редакторов, печати в типографиях и общения с ними (все знают, как это бывает). Поэтому меню, которое меняется довольно часто, нас попросили сдать в ворде (!), чтобы править и печатать прямо в ресторане. Фигма для макетов для соцсетей тоже звучало как лишнее усложнение. Мы уважаем полную концентрацию на своём деле — и то, что могло бы показаться препятствием для «хорошего» дизайна и челленджем, решили воспринять как эксперимент по дизайну без дизайна. Меню адаптировали под ворд, а для инстаграма нашли вообще гениальное решение: Настя Ким — продюсер проекта — придумала сканировать распечатанное меню прямо в заметки на айфоне. Такие сканы дают очень неровную, шероховатую текстуру, которая идеально вписывается в общее натуральное ощущение от айдентики: будто бы экран не разделяет, а передаёт фактуру — будто муку на пальцах после раскатки теста.

В-четвёртых, это безумно вкусно. Это самый короткий абзац, потому что писать про еду в Mill хорошо, но лучше пробовать — и мы надеемся, что у вас будет повод это сделать.

Картинки 1–16 ↗

Werkstatt × Non-Objective

Мы дружим с Werkstatt с самого начала и очень сильно верим в то, что Юля с Толей — основатели школы — делают. В Werkstatt правит душа и желание делать классно, а не маркетологи и стремление захватить побольше и сразу, как это, к сожалению, часто бывало в других образовательных инициативах, с которыми мы сталкивались. И именно поэтому в школе есть свобода: каждому из учителей позволяют выстраивать курсы такими, чтобы они становились максимально полезным, честными и цельным — даже если иногда это происходит вопреки каким-то штукам, за которые бились бы условные маркетологи.

Нам повезло вести в Werkstatt сразу две программы, которыми мы гордимся: у Кати есть выдающийся интенсив «Инструменты креативности», а я (Артём) веду курс «Identity from I to Y».

Обе программы — так или иначе про то, как работает Non-Objective. Я показываю, как мы делаем айдентики, проводим исследования, налаживаем коммуникацию и настраиваем процесс работы. А интенсив Кати с одной стороны более прицельный, но в то же время куда универсальнее — он про придумывание в широком смысле. То есть подойдёт не только дизайнерам и применим не только к айдентикам, но и, например, пригодится в придумывании съёмок, продуктов, событий, мерча — да и вообще любых концепций. Бóльшую часть инструментов и подходов, про которые рассказывает Катя, мы ежедневно используем в своей работе и использовали для того, чтобы придумывать идеи, о которых пишем в этом канале.

В нашем идеальном сценарии курс и интенсив работают в комплексе. И вот сейчас так сошлись звёзды (на самом деле — наши расписания), что можно устроить себе максимальное погружение в подход Non-Objective: пройти бодрый интенсив по придумыванию в апреле и успеть записаться слушателем курс про айдентику, он стартует уже на следующей неделе. Группа практиков уже набралась, но будем честны: студентам совмещать интенсив с практическим форматом курса (плюс, скорее всего, с основной работой) было бы сложновато. Или же можно пойти на интенсив сейчас, а осенью применить полученные инструменты уже на практическом формате курса про айдентику — это тоже классный формат более плавного погружения в наш рабочий мир.

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

Такая вот быстрая и честная рекламная пауза. (Да, получается, заказали рекламу сами у себя.)

015. Лендинг, который помогает вести расследование вместе с авторами

Привет, на связи Виталик! В прошлом году мы сделали лонгрид для подкаста «После школы», выпущенного Настей Красильниковой и студией Либо/Либо. Это расследование о насилии над детьми и подростками в престижной московской 57-й школе и сообществе вокруг неё.

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

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

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

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

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

Ссылка на лендинг ↗

Clockwise and Otherwise: Non-Objective Times

Как и обещали, 13–17 марта в сеульском пространстве Pop Hannam, которое делает наш самый любимый книжный Post Poetics, мы покажем выставку-размышление на одну из любимых тем — про непостоянство времени и нашего восприятия его.

Приходите, если вдруг будете в Сеуле. А если не будете — приходите в интернет: в течение месяца после выставки мы покажем её диджитал-продолжение. (А здесь обязательно расскажем, как мы её придумывали и организовывали.)

014. 1 (2) месяц для нас и 11 (10) месяцев для клиентов

Канал затих потому, что начался февраль. Февраль — почти всегда очень неприятный месяц: серый, грязный, слякотный. (Лучше, чем Кровосток в треке «Холодок» про февраль и не сказать.) Это месяц, когда надо втягиваться в работу после сонного января, но по ощущениям это втягивание сродни попыткам работать после того, как поспал пару часов вечером: все унылые, грустные, пришибленные. А я убеждён, что одна из важнейших миссий арт-директора — это минимизация страданий для команды. Так что в этом феврале мы решили не работать.

Не работать совсем, конечно, не получилось бы (мы всё-таки не Загмайстер в его лучшие годы), но потратить не самый радостный месяц исключительно на приятное мы точно можем себе позволить. Так и придумался Off February — месяц без клиентской работы, звонков, презентаций и бесконечных переписок в чатах. Практически все текущие «рабочие» проекты мы срежиссировали так, чтобы либо закончить их к февралю, либо иметь возможность поставить на паузу на месяц; а все новые планируем уже на весну.

Что же делать с освободившимся временем и ресурсами? Их мы перенаправили на свои проекты: например, на выставку в Сеуле, на наш первый объект, на несколько книг и диджитальных проектов. Собственные проекты как отдельное направление окончательно сформулировались только в 2024, когда мы запланировали на год сделать 12 своих проектов — но в итоге успели сделать вдвое меньше (но зато каких!). Это был полезный и необходимый для нас опыт, на котором мы лучше поняли, как надо строить процесс в любых своих штуках. Если клиентские проекты размеренно и последовательно перетекают из одного этапа в другой, то в студийных проектах скорее нужен быстрый и активный рывок на старте — чтобы в быстрые несколько подходов сделать необходимую базу, а потом уже в течение года спокойно финализировать всё. И лучше всего это делать не параллельно с клиентскими проектами, чтобы было легче абстрагироваться от надуманных рамок, которые так или иначе невольно могут случаться в коммерческих проектах.

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

Выставка Non-Objective в Сеуле в марте

Пользуясь случаем, снова делимся приятной новостью: в середине марта мы делаем новую выставку — на этот раз в Сеуле.

Подробнее про неё мы ещё обязательно расскажем, а если вы вдруг планируете быть в Корее в это время и хотите прийти, то пишите нам (например, в инстаграм) — увидимся!

013. Айдентика, которая вмещает 7 дней внутри 8 букв

Когда мы (сегодня здесь Лиза и Маша) работали над концепцией для бренда пижам Primrose, одним из главных смысловых ориентиров был процесс смены дня и ночи. Как ненавязчиво показать, что одно сменяет другое, разделяя нашу повседневность на время для действия и для отдыха? Логотип после многочисленных поисков сложился очень логичным: название бренда, набранное гротеском с сильно увеличенным межбуквенным расстоянием — решение, как бы отсылающее к тому, что сейчас происходит в мире европейских модных домов.

Но главное в другом: слово из 8 букв неочевидно задало структуру из 7 колонок, и мы подружили это графическое решение с той самой идеей о 7 днях в неделе. Одна колонка — один конкретный день. Промежутки между ними — ночи, в которые аккуратно вписаны буквы пижамы бренда. Primrose не заполняет собой всё свободное пространство, но скорее «окутывает» каждый день, привнося уют и приятные мелочи в опыт. А в носителях сетка, заданная логотипом, становится структурой для всего остального контента.

Потом подобрали несколько тёплых натуральных оттенков, при их выборе вдохновляясь палитрой Ле Корбюзье, которая была разработана для использования в интерьере. И чтобы подсветить разделение на дни и ночи, стали делать колонки и промежутки двух разных цветов. Так получился полосатый принт, который отсылает к классическим узорам пижамной ткани.

А ещё, чтобы внести нотку статности и сохранить его узнаваемость, дополнительно к системе, основанной на 7 днях, мы придумали и знак. В нём, как и в остальных элементах визуального языка, считывается принцип перетекания одной детали в другую. Итоговый вариант получился открытым для множества интерпретаций, но при этом сохранил читабельность первой буквы бренда, P is for Primrose.

Картинки 1–10 ↗