иван крушинский артдиректор

создаю дизайн цифровых продуктов, руковожу дизайнерами, собираю дизайн-системы, проектирую интерфейс, разрабатываю айдентику и визуальный язык. консультирую бренды, обучаю дизайнеров и внедряю новые подходы и инструменты в работу креативных команд. владею css, ts, react, webgl, canvas, работаю в blender, figma, adobe, comfyui.

  • figma
  • adobe photoshop
  • adobe illustrator
  • adobe after effects
  • blender
  • adobe substance 3d: designer
  • comfyui
  • a1111
  • swarmui
  • ollama
  • z-image
  • flux
  • wan
  • supir
  • topaz
  • html
  • css
  • javascript
  • typescript
  • react
  • next.js
  • python
  • canvas
  • webgl
  • glsl
  • gsap
  • three.js
  • material design
  • carbon
  • tailwind
  • mermaid

jestei pool

  • арт-директор
  • ui/ux лид
  • синиор графический дизайнер

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

артдирекшн сервиса

  • анализ конкурентов, дизайн-систем и трендов изучение лучших практик, внедрение избранных решений в дизайн-систему сервиса и адаптация их под контекст и аудиторию.
  • разделение аудитории клубные и ивент-диджеи получили отдельную сепарацию визуального языка.
  • ребрендинг логотип, цветовая палитра, визуальная система, коммуникация с разными аудиториями.
  • цветовая система тарифы, аудитории и сценарии получили акценты, контрасты и навигационную логику.
  • новый визуальный язык ии-арты, иллюстрации, 3d-леттеринг, метафоры, ирония, фотореалистичные изображения диджеев, разнообразие форм, текстур и подходов к созданию контента, а также различные цвета для разных продуктов.
  • иконки и графические метафоры формы, текстуры, коллажи, баннеры и правила оформления материалов.
  • редполитика и коммуникационная платформа tone of voice, рассылки, подсказки и оповещения.
  • легализация шрифтовой политики бренда подбор, покупка и внедрение лицензированных шрифтов.
  • внедрение нейросетевых инструментов легализация подхода к созданию изображений для плейлистов и промо материалов.

разработка ui/ux-стратегии сервиса

  • редизайн раздела event упрощение навигации, реструктуризация плейлистов, создание отдельной ленты треков для раздела, проектирование и дизайн отдельных поисковых инструментов.
  • упрощение архитектуры меньше вложенности, бесполезных кликов и тупиковых маршрутов.
  • редизайн системы фильтрации и поиска прогрессивная трёхуровневая фильтрация для каждого из продуктов.
  • прогрессивные фильтры отдельные сценарии фильтрации для разделов event и record pool.
  • адаптивная логика проектирование, внедрение горизонтального скролла и разных типов модульных сеток.
  • инструменты продаж рассылки для реанимации клиента, виджеты и поп-апы с предложением апгрейда подписки, дополнительные пейволы, посадочные страницы и модульная система лендингов.
  • экосистема лендинговых страниц редизайн и масштабирование страниц для разных аудиторий.
  • проектная документация внутренние брифинги, карты сценариев, документация и справочная информация для команды.
  • взаимодействие с командой разработки консультирование, брифинги, ревью, контроль соответствия макетам и написание кода для анимированных организмов и лендинговых страниц.
  • дизайн-система проекта проработка, чистка и внедрение современных решений.

дизайн-лид

  • архитектура дизайн-системы сервиса проработка масштабируемости и преемственности внутри команды сайта, креативного отдела, графических дизайнеров, копирайтеров, редакторов, разработчиков и кураторов продуктовых направлений сервиса.
  • прототипы и новые инструменты поиск и внедрение новых инструментов, технологий и подходов для создания дизайна и графики, а также обучение команды работе с ними.
  • дизайн-сущности и прототипы обложки, баннеры, иконки, иллюстрации, коллажи, 3d-графика, рекламные материалы, оформление плейлистов, css и canvas-анимации, видеогенерации, монтаж, субтитры и другие материалы с дальнейшей передачей.
  • постановка задач для дизайнеров разъяснение контекста, объяснение устройства сервиса и аудитории, бизнес-задач креативов, ограничений и ожидаемого результата.
  • обучение дизайнеров визуальная система, логика и язык бренда.
  • ревью и анализ проблем ревью ux-решений, проверка выразительности, соответствия дизайн-системе, графического дизайна и интерфейса сервиса.
  • контроль качества макетов проверка перед передачей в продакшн.

Ребрендинг

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

jestei pool
новый логотип

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

логотип в дизайн-системе

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

новая эмблема
  • знак был собран заново, сохранив исходный вид его читаемость была увеличена и теперь он читается в любом размере
  • логотип получил чистый и современный вид, он стал плотным и осязаемым, его форма стала похожей на диск диджейского пульта, сохранив при этом геометрическую основу
  • каждый элемент нового логотипа был проработан итаким образом что логотип получил ритм, вес, символ стал уравновешенным и при этом динамичным
новый шрифт
  • бренд приобрел лицензионный шрифт druk wide на основе которого было сделано брендовое название. геометрия названия сочетается с геометрией логотипа, эмблема и текстовое название стали узнаваемыми и комбинируемыми характерными элементами фирменного стиля работающими в паре и по отдельности
  • брендовый шрифт используется для акцентов внутри интерфейса и для коммуникации любого уровня: от заголовков на сайте и до постов в соцсетях и рекламных материалах бренда
масштабируемость
  • логотип и брендовый шрифт позволили использовать айдентику в любых носителях и размерах. бренд теперь легко адаптируется и к постам в соцсетях и к иконкам любого размера для десктопных и мобильных устройств, фав-иконок, фирменных иконок внутри сайта, визиток, печати на футболках и плакатах
  • логотип используется и как 3д модель и как плоский свг ассет и как декоративный элемент для обложек и как самостоятельная визуальная единица для обложки трека плаката футболки или анимации
новые цвета

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

  • gold-drop-500 #f18200
  • gold-drop-100 #ffddb4
  • gold-drop-300 #ffb45a
  • gold-drop-700 #b65b00
  • dodger-blue-500 #157aff
  • dodger-blue-100 #bbd8ff
  • dodger-blue-300 #62a6ff
  • dodger-blue-700 #0d4c9f
  • pear-500 #d1e231
  • pear-100 #f1f8b8
  • pear-300 #e3ef68
  • pear-700 #899519
  • biloba-flower-500 #b2a1ea
  • biloba-flower-100 #e2daff
  • biloba-flower-300 #c8bcf4
  • biloba-flower-700 #74649f
цвет и аудитория

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

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

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

Вместе с редактором и командой бренда разработали комминуникативные принципы и правила бренда.

01 / 25

редполитика jestei pool

руководство для автора и редактора.

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

о сервисе

jestei pool [джéсти пул] — музыкальный сервис для диджеев с доступом к трекам, ремиксам, плейлистам, рейтингам, чартам и авторским эдитам по подпискам.

зачем диджеям подписка на пул?

готовиться к сетам с подпиской быстрее и проще

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

лента треков (бывш. record pool)

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

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

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

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

лейблы треков

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

на сайте используются следующие лейблы:

лейбл что означает
бесплатный трек доступен после регистрации без платной подписки
jestei pool трек из ленты, доступен на платных тарифах
эксклюзив эксклюзивный материал, доступен на тарифах про и ивент
миксы треки из раздела «миксы», доступны начиная с про
ивент материал из раздела «ивент», доступен на тарифе ивент

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

плейлисты

подборки от гостевых модераторов и администраторов сайта. основные типы плейлистов:

  • динамические плейлисты (алгоритмические подборки с треками, которые ты еще не прослушивал на сайте — обновляются автоматически и всегда предлагают свежий материал)
  • по жанрам и направлениям (афро-хаус, драм-н-бейс)
  • по чартам (топы соцсетей, топы стримингов, топ jestei pool за месяц)
  • эпохам (хиты 80-х)
  • географии (мировые новинки/русские новинки)
  • тематические и авторские плейлисты (музыка для летников, рашн стаил)

плейлисты — специальные подборки треков. на сайте есть редакционные, авторские и динамические плейлисты.

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

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

динамические плейлисты

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

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

динамические плейлисты описываем как инструмент для быстрого поиска пропущенного материала. не называем их «магической рекомендацией» и не обещаем идеальное попадание во вкус. основная ценность — экономия времени и доступ к большому объёму треков без ручной прокрутки каталога.

эксклюзивные эдиты — бывш. exclusive edits

мы публикуем несколько типов уникального контента:

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

эксклюзивные эдиты — раздел с материалом, который ограниченное время доступен только на jestei pool. в разделе могут быть эксклюзивные паки эдиторов и одиночные гостевые треки.

когда пишем про эксклюзивы, важно уточнять не только уникальность, но и тип материала. эксклюзивный пак, одиночный гест-трек и эдит jestei pool — разные сущности. их нельзя смешивать в одном описании, если речь идёт о конкретном релизе.

в текстах избегаем формулировок вроде «такого нет нигде в мире», если это не подтверждено условиями публикации. пишем точнее: «материал доступен только на jestei pool в течение ограниченного срока» или «эдит подготовлен специально для каталога jestei pool».

миксы

гостевые миксы от админов и приглашенных эдиторов.

миксы — подборки в формате готового музыкального потока. они могут быть гостевыми, базовыми или записанными известными артистами для платформы.

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

если у микса есть треклист, это нужно учитывать в описании: пользователь может слушать микс целиком или скачивать отдельные треки из него.

ивент — бывш. event

плейлисты и подборки для работы на мероприятиях: свадьбах, корпоративах и частных праздниках.

ивент — раздел для ивент-диджеев. он помогает быстро готовиться к мероприятиям: свадьбам, корпоративам, частным праздникам, спортивным событиям, выпускным, тематическим вечеринкам и календарным поводам.

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

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

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

артисты

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

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

библиотека

библиотека — личный раздел пользователя. в ней находятся избранные треки и история скачиваний.

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

в текстах про библиотеку нужно избегать абстрактного «сохраняйте любимое». лучше писать предметно: «добавляйте треки в избранное», «возвращайтесь к скачанному», «собирайте материал по датам».

персональные блоки

на главной странице могут появляться персональные блоки: «мои новинки», «недавно обновлено», «артисты и подборки», «эксклюзивные треки».

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

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

поиск и фильтр

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

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

в соцсетях мы рассказываем диджеям о ценности jestei pool, повышаем узнаваемость бренда и растим лояльность аудитории.

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

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

с кем мы разговариваем

с коммерческими диджеями и теми, кому диджеинг интересен. наш подписчик выступает или хочет выступать.

клубный диджей

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

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

ивент-диджей

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

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

4. как мы пишем

честно

мы говорим честно. мы не приукрашиваем, а показываем как есть.

мы не пишем тексты о том, в чём мы не разбираемся и чего не испытывали сами.

если автор текста не играл на свадьбах, он не пишет о свадьбах. если автор даёт советы диджеям, то он сам им следует.

если текст с ответом на вопрос, то этот вопрос кто-то должен был задать.

если мы хотим рассказать о чём-то общеизвестном, мы обязательно добавляем в текст что-то интересное и новое.

мы прожили то, о чём пишем, поэтому можем об этом рассуждать.

мы не пытаемся казаться серьёзнее, чем мы есть.

мы не строим из себя умников, но дураками тоже не прикидываемся.

мы не говорим о простом как о сложном.

и не говорим о сложном как о простом.

если мы делаем обзор, мы должны знать, о чём пишем. когда мы описываем новый плейлист, мы прослушиваем этот плейлист и рассказываем, что внутри.

понятно

живым простым языком — как будто рассказываем что-то другу.

если не можем прочесть текст вслух, мы его сокращаем.

если не можем сократить текст, мы делим его на части.

если текст тяжело читать, мы упрощаем его. если его нельзя упростить, мы его не используем.

если абзац можно сократить до одного предложения, мы пишем одно предложение.

если текст можно превратить в картинку, мы превращаем его в картинку.

если текст можно заменить на скриншот — мы выбираем скриншот.

если главная мысль помещается на обложке — она идёт на обложку.

если фотография не иллюстрирует текст, мы ее убираем.

адресно

если мы рассказываем о чем-то, мы сразу говорим — для кого это.

полезно — для диджея и для бренда

каждый пост помогает диджею подготовиться к выступлению и почувствовать себя частью профессионального сообщества.

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

создавая пост, мы отвечаем на два вопроса: «как это раскрывает ценность нашего продукта?» и «как жизнь читателя улучшится после прочтения?». если ответы не очевидны или есть противоречия, то посту не бывать.

если пост бесполезен, мы его отменяем.

структура, уважение и продукт

уважительно

мы уважаем читателя.

мы обращаемся к читателю невзначай и на равных, но без лишнего панибратства. это значит, что мы можем обратиться к читателю и «на вы», и «на ты», но не напишем «вы» с большой буквы.

мы пишем для тех, кого считаем равными себе — по уму, опыту, социальному статусу.

мы не пишем «для тупых».

мы не снисходим до читателей и не относимся к читателю с обожанием.

мы не шутим оскорбительно, грубо или жестоко (от мата лучше отказаться).

мы не насмехаемся над другими и не издеваемся над аудиторией.

мы не используем фотографии, на которые у нас нет прав. вместо этого делаем рисунок или генерацию.

структурно

не публикуем поток мысли — это когда мысли идут в свободном порядке, перетекая друг в друга.

несколько мыслей группируем, даем заголовки и пишем по порядку.

одна мысль — один абзац/слайд/стори.

поток мысли структура
мысли идут подряд в том порядке, в котором пришли в голову мысли сгруппированы по смыслу
один абзац пытается сказать всё сразу один абзац раскрывает одну мысль
читатель сам ищет главную идею главная идея видна сразу

о продуктовых ограничениях

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

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

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

о сценариях

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

в плейлистах пишем через состав и пользу: какие треки внутри, кто их собрал, как часто обновляется подборка, в каком сете или ситуации её использовать.

5. как мы не пишем

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

6. габариты текста

xl — перегруженный материал

тексты, которые длиннее 7400 символов или в которых больше 10 фотографий или видео, для нас слишком длинные.

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

s — small

требования описание
длина текста до 250 символов
количество фото или видео не больше 1

подойдёт:

  • сторис telegram;
  • сторис instagram;
  • reels instagram;
  • истории vk;
  • пост instagram без карусели — вся информация будет в описании к посту либо на обложке поста;
  • пост telegram.

не подойдёт:

  • заметки vk;
  • блог на сайте.

m — medium

подойдёт:

  • пост telegram;
  • пост instagram;
  • пост vk.
требования описание
длина текста до 2400 символов
подводка до 400 символов
количество фото или видео не больше 7

l — large

требования описание
длина текста до 7200 символов
подводка до 800 символов
количество фото или видео не больше 7

подойдёт:

  • блог на сайте;
  • заметка vk;
  • пост vk;
  • пост telegram.

а в остальных соцсетях — ссылки в сторис.

не подойдёт:

  • пост instagram.

длину текста считаем вместе с пробелами.

7. габариты интерфейсных текстов

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

ограничение по символам — это не рекомендация писать максимально длинно. это верхняя граница. если мысль можно написать короче, пишем короче.

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

типы интерфейсных текстов

  1. название раздела в шапке;
  2. описание раздела в шапке;
  3. название группы плейлистов;
  4. пояснение к группе плейлистов;
  5. заголовок карточки плейлиста;
  6. короткое описание в карточке плейлиста;
  7. полное описание плейлиста внутри страницы;
  8. название вкладки внутри плейлиста;
  9. тултип для сокращённого заголовка или описания.

плейлисты

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

сущность тип текста максимальная длина примечание
группа плейлистов название группы 20 символов короткое название группы
группа плейлистов описание группы 85 символов пояснение к группе
карточка плейлиста заголовок 21 символ после превышения обрезается
карточка плейлиста короткое описание 70 символов до трёх строк
карточка плейлиста тултип без ограничения показывает сокращённый текст целиком
страница плейлиста полное описание в шапке 120 символов отображается внутри страницы плейлиста

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

ивент — бывш. event

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

область тип текста максимальная длина примечание
разводящая страница ивента приветственный текст в шапке 150 символов общее описание раздела
группа плейлистов название группы 20 символов для большинства групп
группа плейлистов описание группы 85 символов пояснение к группе
карточка «главное в ивенте» заголовок 20 символов
карточка «главное в ивенте» короткое описание 85 символов
карточка «тематические» заголовок 20 символов
карточка «тематические» короткое описание 85 символов
карточка «авторские» заголовок 20 символов
карточка «авторские» короткое описание 25 символов для отдельных макетов
карточка «интерактивы» заголовок 20 символов
карточка «интерактивы» короткое описание 85 символов
карточка «готовимся заранее» заголовок 20 символов
карточка «готовимся заранее» короткое описание 25 символов
карточка «музыка для видео» заголовок 20 символов
карточка «музыка для видео» короткое описание 25 символов
группа «под ключ» название группы не задано ограничение нужно проверить в макете
карточка «под ключ» заголовок не задано ограничение нужно проверить в макете
карточка «под ключ» короткое описание 25 символов
карточка «под ключ» пояснение не задано дополнительный текст
карточка «кино и шоу» заголовок 20 символов
карточка «кино и шоу» короткое описание 40 символов
карточка «страны» заголовок 20 символов
внутренняя страница папки ивента описание папки 150 символов отображается в шапке
страница плейлиста ивента полное описание плейлиста 150 символов отображается в шапке
страница плейлиста ивента название вкладки 30 символов используется во вкладках

если ограничение не задано, текст нельзя писать произвольно длинным. такой случай нужно проверить на макете и зафиксировать лимит после теста.

как писать короткие интерфейсные тексты

короткий интерфейсный текст не должен быть рекламным слоганом. он должен объяснять сущность и сценарий.

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

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

8. dos and don’ts в наших текстах

источники идей

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

узкие темы

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

мы не пишем общие тексты в стиле «как искать музыку для сета», потому что это банально и поверхностно, а читатель не вынесет для себя ничего нового и не станет ближе к jestei pool.

в посте лучше подробно рассказать про то, как работает фильтр на сайте, и преподнести его как продуманный, удобный и уникальный инструмент, чем попытаться рассказать сразу про все наши инструменты, но “по верхам”.

1 узконаправленная статья лучше, чем 5 широких. широкая тема = много воды, мало смысла и ценности.

применимость в жизни

тексты должны быть конкретными, применимыми в жизни. с конкретными деталями и случаями из жизни. нужна практика и правда жизни, а не теория и размышления.

как пишем о банальном

в советах не избежать банальных мыслей. но каждую банальную тему можно интересно подать и исследовать её природу. отвечаем на вопрос: почему мысль является банальной? ищем противоречие и идём от обратного.

продуктовая точность

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

если текст описывает раздел, он объясняет назначение раздела. если текст описывает группу, он объясняет принцип группировки. если текст описывает карточку, он помогает понять конкретный материал. если текст описывает лейбл, он объясняет доступ.

не делаем делаем
называем все подборки плейлистами различаем плейлисты, миксы, папки, вкладки и ленты
пишем «эксклюзив» без условий уточняем, что именно эксклюзивно и где доступно
обещаем универсальность указываем конкретный сценарий
пишем длинно и потом обрезаем сразу пишем под размер интерфейса
смешиваем тариф и раздел раздел описываем как продуктовую область, тариф — как уровень доступа

чего мы не делаем в текстах

  • не сообщаем бесполезные факты.
  • не выдаем мнение за факт
  • не задаем риторические вопросы
  • не соглашаемся сами с собой.
  • не самоутверждаемся за счет конкурентов или других людей
  • не рекламируем другие бренды.

9. рубрики

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

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

1. интервью

никаких проходных интервью. спрашиваем только то, о чём ещё не спрашивали; у тех, у кого ещё не спрашивали и кому есть что сказать.

2. мнение эксперта

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

делимся мнениями людей, которые в теме.

  • комментарии;
  • истории из практики;
  • колонка автора;
  • цитата;
  • вопрос-ответ.

3. учебник jestei pool

  • наглядные пособия
  • подсказки и лайфхаки
  • советы
  • обзоры

4. новости

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

мы не пишем новости, которые:

  1. культивируют страх, панику или апатию;
  2. говорят о вещах, которые никак не влияют на профессиональную жизнь диджея;
  3. всеми силами пытаются заработать трафик.

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

инфоповодом новости может быть событие, которое влияет на работу и поведение диджея прямо сейчас или в ближайшем будущем.

инфоповодами для новости не может быть:

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

рубрики / продолжение

5. находки

здесь те, кто попробовал что-то новое, рассказывают о своём опыте: что понравилось, что — нет, чем это может быть полезно или вредно.

6. развлечения

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

кроме мемов мы развлекаем людей так:

  • тесты;
  • викторины;
  • опросы;
  • сценки;
  • комиксы;
  • смешные истории в рилзах.

7. рассказы о нас

  • о команде (egc — employee generated content — большой тренд последних нескольких лет. людям интересны лица, стоящие за продуктом, который они покупают)
  • история jestei pool.
  • о наших ценностях.

8. продуктовые объяснения

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

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

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

10. стоп-слова

чтобы легко находить стоп-слова, можно настроить их список в текстовом редакторе, попросить нейросеть найти их в тексте или использовать glvrd.ru.

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

11. частые ошибки в jestei pool

нет да
портал, если речь о jestei pool музыкальный сервис, сервис для диджеев, платформа, диджейский пул
диджей пул диджей-пул, диджейский пул
сэт, плэйлист, тэг, лэйбл, скрэтч, сэмпл сет, плейлист, тег, лейбл, скретч, семпл. но: мэшап, бэнгер
эвент, евент ивент
ивент диджей ивент-диджей
транзишен транзишн
dj, если обращаемся к человеку или людям диджей, диджеи
лайнап лайн-ап
праймтайм прайм-тайм
эмейл, емейл имейл
дискоблок дискотека, танцы, дискотечный блок
данный этот
ознакомьтесь познакомьтесь, оцените, попробуйте
является, есть, существует слабые пустые глаголы нужно менять на глаголы действия: не «лента является важным разделом», а «в ленте постим свежие танцевальные релизы»
рекорд пул лента треков
record pool, если речь о новом названии раздела лента треков, бывш. record pool
exclusive edits без объяснения в русскоязычном тексте эксклюзивные эдиты, бывш. exclusive edits
просто эксклюзив, если речь о лейбле лейбл «эксклюзив»
event без объяснения в русскоязычном тексте ивент, бывш. event
ивент-плейлист, если речь о папке папка ивента
вкладка плейлиста как отдельный плейлист вкладка внутри плейлиста
динамическая подборка динамический плейлист
intro edit в обычном тексте интроэдит
outro edit в обычном тексте аутроэдит
tooltip тултип
тултип с новым смыслом тултип с полным текстом сокращённого заголовка или описания
карточка обрезалась заголовок или описание обрезается
лимит символов примерный максимальная длина текста
free, если речь о тарифе в русском тексте бесплатный тариф, бывш. free
pro без контекста тариф про
event, если речь о тарифе тариф ивент, бывш. event

12. иностранные слова

по новому закону о защите русского языка, мы должны переводить на русский всё, что можно перевести на русский. латиницу можно использовать только как дополнение к кириллице. например, “welcome” теперь переводим как “сбор гостей”.

если сомневаемся, можно ли использовать заимствование и как оно пишется, помогает словарь иностранных слов.

если термина нет в словаре иностранных слов, желательно поискать синоним русского происхождения.

не нужно переводить:

  • зарегистрированные товарные знаки: spotify, billboard;
  • профессиональные термины без аналогов на русском: эдит, скретч, тёрнтейблизм;
  • творческие псевдонимы — они пишутся только так, как пишет сам артист. не dj smash, а dj smash. не коля фанк, а kolya funk.

локализация часто используемых англицизмов

английский русский
pro про
event ивент
top топ
welcome сбор гостей
free бесплатный
background фон
opening открытие
prime time прайм-тайм
closing закрытие, окончание
preparty разогрев
afterparty после вечеринки
easy listening лёгкая музыка
exclusive edits эксклюзивные эдиты
worldwide со всего мира
same day edit свадебные видео

интерфейсные названия и продуктовые сущности

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

старое или интерфейсное название как писать в русском тексте
free бесплатный тариф, бывш. free
record pool лента треков, бывш. record pool
pro про, тариф про
event ивент, бывш. event; тариф ивент, если речь о доступе
exclusive edits эксклюзивные эдиты, бывш. exclusive edits
intro edit интроэдит
outro edit аутроэдит
tooltip тултип
welcome встреча гостей или сбор гостей, если речь о сценарии мероприятия
copyright free материал без риска блокировки в трансляции, если это подтверждено условиями

если английское слово уже закреплено в интерфейсе как название раздела или тарифа, не меняем его внутри макета без согласования. в редакционном тексте можно использовать русский вариант и старое название в скобках: «лента треков, бывш. record pool», «ивент, бывш. event», «эксклюзивные эдиты, бывш. exclusive edits».

названия жанров и музыкальных направлений не переводим по этому правилу. для жанров действует отдельный раздел редполитики про локализацию музыкальных жанров.

как переводить музыкальные жанры

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

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

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

английский русский
baile funk байле-фанк
drum and bass драм-н-бейс
afro house, slap house, bass house, tech house, lo-fi house, disco house афро-хаус, слэп-хаус, бейс-хаус, тек-хаус, лоуфай-хаус, диско-хаус
moombahton мумбатон
rave рейв
indie dance инди-дэнс
organic & melodic house мелодичный хаус
uk bass британский бас
techno техно
nu disco ню-диско
new school современный хип-хоп и рэп
uk garage британский гэридж
amapiano амапиано
hyper pop гиперпоп. почему не через дефис: приставка «гипер» на русском пишется слитно
phonk фонк
rock’n’roll рок-н-ролл
hip hop хип-хоп
r&b ритм-н-блюз
reggae регги

13. буквы и символы

е и ё

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

тире — или –

  • длинное тире (—) используется для выделения вставных конструкций, подведения итогов и при прямой речи. пример: «подробности — на сайте».
  • среднее тире (–) используется для соединения частей сложных слов и в числовых диапазонах. пример: «страницы 10–15». не отбивается пробелами, если используется для указания интервалов.

дефис -

  • слова с дефисом: обычно дефис используется для соединения частей сложных слов, например по-русски, светло-зелёный, и в некоторых сложных наречиях, например по-моему.
  • внутренние дефисы: используются в сочетаниях типа рок-н-ролл, хип-хоп.
  • наращения после цифр при помощи дефиса.
неверно верно
2-х симочный, 2-ухсимочный двухсимочный, 2-симочный
150-тилетие, 150 летие, 150-ти летие стопятидесятилетие, 150-летие

наращение должно быть двубуквенным, если последней букве предшествует согласный: 5-го дня, к 25-му студенту, из 32-го издания, из 14-го ряда.

если подряд следуют два порядковых числительных, разделённых запятой или соединённых союзом, падежное окончание наращивают у каждого из них: 1-й, 2-й вагоны; 80-е и 90-е годы.

если подряд следуют более двух порядковых числительных, разделённых запятой, точкой с запятой или соединённых союзом, то падежное окончание наращивают только у последнего числительного: 1, 2 и 3-й вагоны; 70, 80, 90-е годы.

даты

нет да
летом 2015-го года летом 2015 года

не путайте тире и дефис

знак символ
длинное тире
среднее тире
дефис -

точка, кавычки и пробелы

точка

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

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

кавычки: «…» и “…”

  • в русском языке используются кавычки-ёлочки «…».
  • кавычки-лапки “…“ используем в качестве внутренних кавычек, если внутри текста, уже выделенного «ёлочками», появляются другие названия или цитаты.
  • просто использовать кавычки-лапки “…“ — ошибка.

неразрывный пробел

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

самые частые случаи применения:

  • инициалы: «иванов и. и.»;
  • сокращения с точками: «и т. д.»;
  • числа с последующим словом или единицей измерения: «20 солдат», «10 м», «1999 год»;
  • числа с пробелами: «11 000 руб»;
  • предлоги, союзы и некоторые частицы с последующим словом: «на солнце», «а затем», «не прыгает»;
  • некоторые частицы с предыдущим словом: «крикнул бы»;
  • тире с предыдущим словом, а иногда и с последующим: «конкурс „soft-парад — 2020“»;
  • между двумя инициалами и между инициалами и фамилией используется узкий пробел: «а. с. пушкин»;
  • между сокращёнными обращениями и фамилией: «г-н иванов», а также после географических сокращений: «г. москва», «о-ва кука»;
  • внутри сокращений используется узкий пробел: «и т. д.», «т. е.», «н. э.»;
  • между числами и относящимися к ним единицами измерения или счётными словами: «12 кг», «1981 г.», «гл. iv»;
  • перед тире в середине предложения;
  • между группами цифр в многозначных числах, по три цифры справа налево, начиная с четырёх- или пятизначных чисел: «2 132 128 байт»;
  • перед номерами версий программных продуктов и частями их названий, состоящих из цифр или сокращений: «ubuntu 20.04», «windows xp»;
  • после предлогов и союзов, особенно однобуквенных или начинающих предложение, прежде всего в заголовках: «стремиться к совершенству»;
  • после частицы «не», перед частицами «бы», «ли», «же».

проще всего автоматически расставить неразрывные пробелы можно при помощи типографа или нейросети.

14. инструменты для редактора

типограф

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

типограф не заменяет редактуру. он исправляет техническую сторону текста: пробелы, кавычки, тире, переносы, повторяющиеся пробелы и часть типографских ошибок. смысл, структуру и тон текста проверяет редактор.

главред

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

оценка главреда не важнее смысла. если слово нужно по контексту, его не нужно удалять только ради балла. главред помогает увидеть мусор, канцелярит, слабые формулировки и лишнюю модальность, но финальное решение принимает редактор.

подсчёт символов

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

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

справочники и словари

грамота.ру

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

если в тексте спорное написание, сначала проверяем грамоту. если ответа нет, смотрим несколько словарей и фиксируем единый вариант для редполитики.

справочник редактора

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

если источники противоречат друг другу, выбираем вариант, который лучше подходит для интерфейса, смысла и единообразия внутри jestei pool. решение фиксируем в редполитике.

словарь иностранных слов

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

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

фигма и литература

инструменты для фигмы

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

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

полезная литература

базовая редактура и чистый русский язык

  • нора галь — «слово живое и мёртвое»
  • корней чуковский — «живой как жизнь»
  • лидия чуковская — «в лаборатории редактора»

информационный стиль и прикладная редактура

  • максим ильяхов, людмила сарычева — «пиши, сокращай»
  • максим ильяхов — «ясно, понятно»
  • максим ильяхов — «новые правила деловой переписки»
  • справочник главреда

редактура, интерфейсы и продуктовый текст

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

таблица инструментов

инструмент для чего нужен в редполитике
типограф техническая вычитка: пробелы, кавычки, тире, буква «ё» и типографика
главред проверка читаемости, содержательности, стоп-слов и длины текста
text.ru быстрый подсчёт символов, слов и базовая проверка текста
involta подсчёт символов, слов, пробелов, кириллицы, латиницы и цифр
грамота.ру проверка русского языка, словарей, ударений, пунктуации и спорных случаев
словари грамоты проверка нормативного написания и значения слов
русский орфографический словарь проверка орфографии и нормативного написания
справочная служба грамоты проверка сложных вопросов по русскому языку
cambridge dictionary проверка английских слов, значений, произношения и употребления
merriam-webster проверка английских слов, американского употребления и новых значений
typograf для figma типографика прямо в макетах фигмы
sbol typograph для figma типографика, неразрывные пробелы, кавычки, тире и ёфикация в макетах
справочник главреда статьи про текст, редактуру, ясность, доверие и информационный стиль
советы бюро горбунова материалы по тексту, редактуре и информационному стилю

01 / 25

Пользовательский опыт

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

оформили новый дизайн тарифов

создали превью-страницы треков для рекламных рассылок и шеринга: диджеи могут отправлять ссылки на сайт и быстро показывать конкретные треки.

подзаголовок списка

  • пункт списка
  • пункт списка

подзаголовок списка

  • пункт списка
  • пункт списка

подзаголовок списка

  • пункт списка
  • пункт списка
карта пользовательских маршрутов

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

Создали системы фильтрации

добавили принципы прогрессивной вложенности, разделили инструменты на базовые и продвинутые и дали возможность выбора.

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

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

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

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

Создали раздельные лендинги для клубных диджеев и ивент-диджеев

Для эффективного продвижения мы создали отдельные посадочные страницы

Удобство
  • Стало удобно запускать кампании
  • Стало удобнее направлять клиента
  • Стало проще отслеживать результаты
Гибкость
  • Модули собираются в экосистему, которую легко масштабировать
  • Лендинги легко адаптируются под разные кампании, они взаимозамеяемы
  • Изменять сообщение можно практически моментально
Точность
  • Модуль лендинга собирается под любую рекламную цель
промо-организмы

создали превью-страницы треков для рекламных рассылок и шеринга: диджеи могут отправлять ссылки на сайт и быстро показывать конкретные треки.

Графический дизайн

3д и коллажи

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

объём
  • знак, буквы и карточки получили физичность
  • появилась глубина для промо и интерфейса
вариативность
  • сцены можно быстро адаптировать под аудиторию
  • один язык держит разные продукты
пайплайн
  • генерация, ретушь и 3d стали частью системы
  • материалы проще поддерживать сериями
графический дизайн и микс медиа

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

быстрый скетчинг
  • игривые рисунки веселят и радую
  • иллюстрации привлекают внимание
  • ирония и юмор укрепляют связь
иллюстрации нейросетями
  • поработали со всеми моделями и инструментами, существующими на сегодняшний день
  • обучали свои lora и тюнили модели
  • простроили собственные пайплайны в облаке и на локалке
  • использовали и коммерческие и опенсорс модели и инструменты
паттерны
  • расширили пластический инструментарий
  • геометрия стала последовательной, формы подчеркивают сущность и разделяют их
  • заговорили с пользователем на языке плоскостей и пространственных метафор

styx jewels

  • дизайнер
  • продюсер
  • фотограф

нишевый московский бренд украшений, аксессуаров и одежды, вдохновленный готической романтикой и лавкрафтовским ужасом.

айдентика и арт-дирекшен

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

фото и продакшен

  • продакшен съёмок украшения, кампейны, лукбуки и каталоги бренда.
  • мини-студия и визуальная подача сборка студии, подбор света, оборудования, референсов и визуальной подачи.

коммуникация и арт-обработка

  • коммуникационные материалы подготовка материалов для соцсетей, кампейнов, карточек и офлайн-носителей.
  • сканография и арт-обработка эксперименты со сканографией и арт-обработкой для более характерного контента.
  • art direction
  • branding
  • figma
  • photo
  • production
  • photoshop

графический дизайн

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

бренд и упаковка

логотип и фирменный стиль. визуальная подача бренда. дизайн подарочной упаковки. дизайн визиток. дизайн буклетов.

коммуникации и реклама

дизайн сертификатов. визуалы для соцсетей. рекламные публикации. баннеры для сплита и долями.

дизайн печатной продукции

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

фото и продакшен

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

съемки

продюсирование съёмок бренда. фотосъёмки кампейнов и лукбуков бренда. спроектировал мини-студию бренда для каталожных съёмок и помог закупить оборудование. арт-обработка кадров.

экспериментальная сканография

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

предметная и портретная сканография

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

съемки

визуальный мир съёмки

  • сборка визуального мира сборка вокруг человека, предмета или бренда.

свет, композиция и отбор кадров

  • постановка кадра работа со светом, композицией, референсами, стилизацией и отбором кадров.

подготовка материала

  • адаптация контента адаптация материала для портфолио, соцсетей, рекламы и продуктовой подачи.
  • photo
  • production
  • retouch
Заголовок

Параграф

Заголовок

Параграф

Заголовок

Параграф

Заголовок

Параграф

Резюме

все что было раньше

jestei pool

  • арт-директор
  • ui/ux лид
  • дизайн-лид
  • продуктовый дизайнер

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

styx jewels

  • дизайнер
  • продюсер
  • фотограф

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

lyve moscow

  • дизайнер
  • иллюстратор

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

sensetique photostudio

  • директор фотостудии
  • генеральный продюсер

московская фотостудия и продакшн для моды, рекламы и визуального контента. занимался запуском, управлением, продюсированием съёмок и организацией команды.

mad cow films

  • ассистент продюсера

международный рекламный продакшн с офисами в лондоне и москве. работал с проектной документацией, тендерами, сметами, кастами и подготовкой съёмок.

li-ne agency

  • ассистент продюсера
  • jr-продюсер
  • линейный продюсер

продакшн-агентство в сфере моды, рекламы и медиа. работал с подготовкой проектов, сметами, логистикой, кастингами, площадками и съёмочной координацией.

издательство прогресс

  • книжный дизайнер

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

риа новости / московские новости

  • jr-верстальщик

ежедневная городская общественно-политическая газета о москве. работал с газетной вёрсткой полос.