Комплексный digital-продакшен из Екатеринбурга. 20 лет помогаем людям взаимодействовать в цифровой среде и решаем бизнес-задачи клиентов.

Как философия рождает дизайн. Работа с формами, смыслами и книжными отсылками
Отразить ценности в фирменном стиле — это ключ к формированию сильного бренда. Мы получаем мощный инструмент не только для визуального восприятия, но и формирования эмоциональной связи с клиентами. Чтобы достичь гармонии, важно погрузиться в философию компании и сделать ее основой для визуальных решений. Без этого даже самый креативный дизайн может не сработать так, как хотелось бы.
Мы в JetStyle занимаемся комплексным продакшеном, в том числе работаем с брендингом и фирменным стилем. Один из таких кейсов — космический логотип и брендбук для ОКБ «Понедельник». В этой статье разберемся, к какому результату можно прийти, если заказчик и дизайнер будут на одной волне.

«Понедельник» начинается с названия
— А чем вы занимаетесь? — Как и вся наука — счастьем человеческим.
Наши заказчики — это опы­то-кон­струк­торское бюро из Екатеринбурга, которое с 2018 года помогает корпорациям с задачами стра­те­ги­че­ско­го разви­тия и проектирования клиентского опыта.
Коллегам стало тесно в прежнем названии «Бюро сервисного дизайна»: бизнес развивался, и имя больше не имело связи с реальностью. ОКБ «Понедельник» идеально подошло философии компании — это отсылка к творчеству Стру­гацких и инженерно-магическому подходу к человеческому счастью.
Мы видим себя этаким "на­уч­но-ис­сле­до­ва­тель­ским ин­сти­ту­том че­ло­ве­че­ско­го опы­та (НИ­И­ЧО)". Но мы не толь­ко изу­ча­ем опыт — мы его со­зда­ем. По­это­му в каче­стве де­скрип­то­ра мы вы­бра­ли ОКБ — опы­то-кон­струк­тор­ское бюро. Бюро, кон­стру­и­ру­ю­щее опыт.
Переход к новой айдентике
В работе с клиентами «Понедельник» придерживается собственной методологии ТПРУНЯ — Технологии Прикладной Рационализации и Утилизации Нежелательных Явлений. Технология улучшает пользовательский опыт и взаимодействие, используя инструменты системного анализа и проектирования изменений. Ее принципы мы применили и в совместной работе над новым фирменным стилем.
К решению о редизайне мы пришли, когда сформулировали для себя разницу между тем, как мы хотим, чтобы нас воспринимали, и тем, как нас воспринимают клиенты в нашей текущей айдентике. Мы, как носители знания, понимали, что нас видят не так, поэтому сформулировали образ желаемого состояния. В дизайне нам захотелось передать ценности и идеи «Понедельника»: фундаментальность, подлинность, деятельность и целеустремленность. Мы переложили их в коды, символы и прототипы, и благодаря команде JetStyle получили это желаемое состояние в дизайне: образе НИИ, характере эпохи и конкретных героях.
Суета вокруг логотипа
Вслед за названием должен поменяться и логотип. Одним из первых визуальных ориентиров стал образ ракеты. Команда ОКБ разделяет дух твор­че­ства и со­зи­да­тельной де­я­тель­но­сти советских ин­же­не­ров, уче­ных и изоб­ре­та­те­лей, которые занимались прототипами передовых технологий, в том числе космических. И даже была идея логотипа и попытка ее воплотить: обыграть космический вайб через букву «Д», похожую на ракету, и соседние буквы «Е» — струи воздуха.

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

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




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



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

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

А щепотку интерактивности добавили тоже с помощью нейросети, но уже другой. Любая идея клиента для нас — возможность затестить что-то новое. Так случилось с головоломкой «Пятнашки», которую сделал наш арт-директор — без привлечения программистов и на основе ChatGPT.

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

Только тот достигнет цели, кто знает слово «результат»
В итоге такой тесной работы с видением заказчика и философией бренда мы получили:

Послесловие заказчиков
Мы ставили изначально такую задачу, с которой мы были уверены, что справится не каждый. Бывает, чем более заботишься об уникальности и интересности своего запроса, тем хуже тебе в конечном итоге приходится. Подрядчик стремится тебя из этого состояния обратно засунуть в рамки своих бизнес-процессов, в которых ему легко, но которые противоречат твоей изначальной интенции на получение уникального продукта. Нам очень нравилось взаимодействовать с командой, и мы получили действительно уже взрослый фирменный стиль. Это был первый шаг, и мы не планируем останавливаться. В планах: создание разного визуала для коммуникации внутри компании и снаружи, разработка телеграм-бота и — задача со звездочкой — копирайтинг в настроении Стругацких.
*Если тянет обновить корпоративный стиль, и вы хотите на себе ощутить, что ребрендинг — это не больно, то напишите нам на почту <info+site@jetstyle.ru>. Мы ждем ваших смелых идей!*

ETL и датавиз для Rusprofile: seo-аналитика на больших данных
*Всем привет, на связи [JetStyle.Promo](https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fpromo.jetstyle.ru%2F%3Futm_source%3Dvc%26utm_medium%3Darticle&postId=1677823). В этом кейсе мы рассказываем, как создали ETL и систему дашбордов, решающую проблему анализа больших объемов данных для контроля и повышения эффективности поискового продвижения сайта, осложненного из-за сэмплирования данных.*

Главное о кейсе
Наш клиент – [Rusprofile](https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fwww.rusprofile.ru%2F&postId=1713761) – сервис проверки и анализа контрагентов. На портале Rusprofile размещена подробная актуальная информация о более чем 10 миллионах российских юридических лиц и 12 миллионах индивидуальных предпринимателей. Имея более 500 000 визитов в сутки, наш клиент столкнулся с дичайшим сэмплированием в Яндекс Метрике, которые не дают посмотреть точные данные более, чем за 2 дня.
Мы создали ETL и систему дашбордов, которые решают эту проблему (для чего на старте обработали более 120 Гб сырых данных из Яндекс Метрики и Топвизора, и в результате исходная таблица в базе данных содержит более 700 млн строк).
ETL (Extract, Transform, Load) — это трёхэтапный процесс управления данными, в дословном переводе значит «извлечение, преобразование, загрузка».
На данный момент:

Сэмплирование — процесс выборки части данных для анализа, применяемый для снижения нагрузки на систему.
Бизнес-задача и ее решение
Проблема
Сложность анализа больших объемов данных для контроля и повышения эффективности поискового продвижения сайта из-за сэмплирования. Несэмплированные данные доступны в интерфейсе Метрики максимум за две недели. Чтобы получить более полный доступ, необходимо подключать Метрику ПРО (от 300 тыс. рублей в месяц).
Решение
Создание собственного хранилища данных и визуализация их в дашборде на основе Yandex DataLens.
Цели дашборда
**1. Мониторинг ключевых метрик SEO**: позволяет быстро отслеживать динамику органического трафика и видимость сайта по ключевым показателям (поисковая система, группа запросов, смысл поискового запроса).
**2. Принятие решений на основе данных**: из-за сэмплирования в Яндекс.Метрике данные часто искажены. Дашборд предоставляет чистые, несэмплированные данные для анализа, что упрощает принятие стратегических решений.
**3. Идентификация точек роста и проблемных зон**: дашборд показывает динамику роста по группам запросов и позволяет оперативно выявлять резкие падения позиций по отдельным группам, что дает возможность своевременно принимать меры.
Реализация, технические детали
Основная особенность проекта — действительно большой объем данных.
Например, выгрузка данных из Яндекс.Метрики за один месяц содержит около 15 млн строк и весит более 3 ГБ, и это при использовании всего 14 полей из всех доступных в Logs API.
Чтобы сохранить доступ к данным, мы использовали только российские и опенсорсные решения:
**ClickHouse** — для хранения данных, поскольку эта колоночная СУБД разработана специально для работы с большими объемами данных.
**Airflow** — для оркестрации потоков данных.
**Yandex DataLens** — для визуализации данных, так как инструмент российский, обладает нужным функционалом и активно развивается.
**Jupyter Notebooks (Python)** — для удобства работы с кодом (на основе опыта Netflix: [Beyond Interactive: Notebook Innovation at Netflix](https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fnetflixtechblog.com%2Fnotebook-innovation-591ee3221233&postId=1713761) и [Part 2: Scheduling Notebooks at Netflix](https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fnetflixtechblog.com%2Fscheduling-notebooks-348e6c14cfd6&postId=1713761))
Мы спроектировали структуру датасета и его хранение в базе данных, чтобы:

Также мы написали коннекторы к:


Для обеспечения безопасности и повышения скорости работы дашборда в базе данных создано несколько слоев:

Такая структура защищает от ошибок и ускоряет работу дашборда.
При загрузке данных мы дополнительно обогащаем их, чтобы получить дополнительные срезы, недоступные в текущих инструментах:
**Для данных из Яндекс Метрики**



**Для данных из Топвизора** – размечаем запросы по группам и поисковому интенту на основе словаря в Google Sheets, что обеспечивает более гибкую сегментацию в отчетах.



Для обеспечения актуальности данных в отчетах мы разработали пайплайн в Apache Airflow:

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком
Сам дашборд мы создали в Yandex DataLens, следуя продуктовой логике:

**В процессе настройки дашборда у нас возникали интересные заморочки, например:**
**1. Раздел «план-факт»**
Сначала он рассчитывался отдельно по месяцам и неделям на уровне DataLens и общей формулы. Позже стало понятно, что нужны разные коэффициенты для Яндекса и Google. Поэтому расчеты были перенесены на уровень базы данных, что упростило контроль и повысило скорость загрузки чартов.
**2. Позиции в Топвизоре**
Мы обнаружили, что из-за недостаточного баланса позиции могут не обновиться. На этот случай добавили возможность задавать позиции по шаблону для конкретного дня и среза в Google Sheets — эти данные подхватываются при агрегации и записываются в таблицу.
**3. Загрузка датасета с историческими данными из Яндекс.Метрики**
Для этой задачи потребовался стационарный ПК, так как на MacBook не хватило места на SSD-диске. Мы написали цикл, который целую ночью загружал данные в базу небольшими частями по 1 млн строк.
**4. Неожиданные вопросы**
Как-то раз [Сергей Торкунов](https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Ft.me%2Fseomanchik&postId=1713761) (наш заказчик) спросил, например, такое: «Сколько страниц нужно взять из 36 млн, чтобы выборка отражала положение дел с точностью 95%?». Нам периодически приходилось освежать знания по теории вероятностей, а однажды даже обратиться к преподавателю из университета, чтобы убедиться в правильности расчетов.
Работать с человеком, который входит в топ-20 известнейших SEO-персон, не только ответственно и круто, но и очень увлекательно!
**5. Развитие дашборда**
Пока писали этот кейс, доработали датасет по позициям на основе новых вводных. Теперь в мониторинге еженедельные данные по 515 000 поисковых запросов, которые можно отфильтровать и по сайту заказчика, и по конкурентам. При этом у всех будет разбивка по группам и смысловому интенту.
Комментарий заказчика
Мы долго искали тех, кто сможет нам помочь с разработкой SEO-дашборда и полной автоматизацией процесса обработки и хранения данных. С коллегами из JetStyle познакомились в чате конференции Baltic Digital Days.   
В процессе работу у нас сложилась легкая и при этом эффективная коммуникация: ребята всегда были на связи, старались максимально объяснять все детали технической реализации, предлагали варианты архитектурного решения, если выяснялись какие-то нюансы, перепридумывали, как и что лучше сделать. Мы вместе много и усердно дебажили систему. В итоге – довольны результатом и имеем планы на дальнейшее развитие.
*А если вы хотите такие дашборды для себя или своих клиентов или хотите получить консультацию по их настройке, напишите нам в Телеграм: [@jetstyle\_bot](https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Ftlgg.ru%2F%40jetstyle_bot%2F%3Futm_source%3Dvc%26utm_medium%3Darticle&postId=1123241). Вместе что-нибудь придумаем!*

Полная картина — в рабочем пространстве