Дизайн-система Forma
В Спортсе" много легаси. Много продуктов. Много задач и новых фичей в бэклоге. И во всем этом нас поддерживает дизайн-система — которая, иронично, еще недавно сама была в бэклоге.
Постепенно Спортс" будет преображаться — и первые результаты уже можно увидеть, например, на странице КХЛ.
Мы шутили, что дизайн-система двигается медленно, потому что у нее нет имени. И как только мы его выбрали, дела действительно пошли быстрее 🚀 Совпадение?
Коллеги из маркома 🫶🏻 помогали с неймингом — всего было 79 вариантов. Среди финалистов:
Libero, Axel, Nimbus, Caviar, Euphoria, Maxima, Rabona, Panenka, Trivela.
Но остановились мы на Forma.
Название с многослойной метафорой — от спортивной формы до формы как структуры, из которой рождается дизайн.
👩🏻Ответственная за форму в Спортсе" Катя Гурьева:
Спортс" обретает новую форму. И какие бы задачи нас ни ждали впереди, мы точно знаем — нам поможет наша Forma❤️
В Спортсе" много легаси. Много продуктов. Много задач и новых фичей в бэклоге. И во всем этом нас поддерживает дизайн-система — которая, иронично, еще недавно сама была в бэклоге.
Постепенно Спортс" будет преображаться — и первые результаты уже можно увидеть, например, на странице КХЛ.
Мы шутили, что дизайн-система двигается медленно, потому что у нее нет имени. И как только мы его выбрали, дела действительно пошли быстрее 🚀 Совпадение?
Коллеги из маркома 🫶🏻 помогали с неймингом — всего было 79 вариантов. Среди финалистов:
Libero, Axel, Nimbus, Caviar, Euphoria, Maxima, Rabona, Panenka, Trivela.
Но остановились мы на Forma.
Название с многослойной метафорой — от спортивной формы до формы как структуры, из которой рождается дизайн.
👩🏻Ответственная за форму в Спортсе" Катя Гурьева:
«Форма» — это единый язык интерфейсов Спортса", включающий гайды по типографике, цветам, компонентам и паттернам взаимодействия. Эта система ускоряет разработку, повышает консистентность продуктов и улучшает пользовательский опыт. «Форма» также задает принципы адаптивности, облегчая масштабирование интерфейсов.
Спортс" обретает новую форму. И какие бы задачи нас ни ждали впереди, мы точно знаем — нам поможет наша Forma
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤22👍17🔥14👏2👎1😁1🤝1
Как дизайнеру понять, что он стал продуктивнее?
Переживаю за то, как будут восприниматься мои мысли и рассказы тут. Но держать долгие паузы между релизами Спортса" без контента тоже не хочется. Написал серию постов у себя в заметках. Посмотрим, что из этого выйдет, надеюсь мысли найдут своего читателя.
Все темы, которые я решил охватить можно спокойно закинуть в чат гпт и получить пошаговые инструкции, я же поделюсь своим личным опытом и мнением.
Как дизайнеру понять, что он стал продуктивнее, если ему вообще это надо понимать. Это не цель, но точно важная часть развития и эффективности, которую нужно уметь контролировать и держать в балансе.
Когда я устроился в Технопарк, то ждал с нетерпением первого рабочего дня. Думал, вот сяду и перерисую тут все с ног на голову. Инновациями и премиумом будет веять на всю страну и Москву в частности.
Тогдашний дизайн-дир Платон Отливанчик в мой первый рабочий день сказал важную установку:
Я пытался игнорировать это правило – и каждый раз убеждался, что он был прав. Ни один макет невозможно защитить, если ты не понял контекст, не вовлёк стейкхолдеров и не смог объяснить, почему решение именно такое.
На ресурсах-миллионниках каждый блок на странице может принадлежать целому отделу. Ты не можешь взять и тихо перерисовать так, как тебе кажется будет лучше.
Нужно разобраться:
🔘 кто владеет функциональностью,
🔘 какие у отдела цели,
🔘 как это связано со стратегией компании,
🔘 какие есть ограничения у команды разработки,
🔘 что важно для пользователей.
И только потом дизайн. Немного сумбурно описано, но суть +- везде схожая.
Продуктивность дизайнера не только в скорости и в количестве экранов.
Она появляется тогда, когда дизайн начинает встраиваться в бизнес, процессы, людей и ответственность.
И вот это ощущение – когда ты перестаёшь работать «в стол» и начинаешь реально влиять и есть главный признак роста.
Говоря проще. Будьте коммуникабельными, дальновидными. Будьте гибкими, учитесь смотреть в глубину вопроса и прекратите отказывать бизнесу в гибких решениях опираясь только на дизайн-систему.
P.S. На видео те самые дни в технопарке, 2020 год. Zoom вот вот станет популярным, а скайп был имбой для дейликов. Но чтобы не идти ножками на другой конец офиса, достаточно было просто набрать номер коллеги. Иногда корпоративный телефон в моих руках был чаще, чем мак с фигмой. Скучаю по тем дням и коллегам… пламенный привет вам, если читаете это 🫶🏻
Переживаю за то, как будут восприниматься мои мысли и рассказы тут. Но держать долгие паузы между релизами Спортса" без контента тоже не хочется. Написал серию постов у себя в заметках. Посмотрим, что из этого выйдет, надеюсь мысли найдут своего читателя.
Все темы, которые я решил охватить можно спокойно закинуть в чат гпт и получить пошаговые инструкции, я же поделюсь своим личным опытом и мнением.
Как дизайнеру понять, что он стал продуктивнее, если ему вообще это надо понимать. Это не цель, но точно важная часть развития и эффективности, которую нужно уметь контролировать и держать в балансе.
Когда я устроился в Технопарк, то ждал с нетерпением первого рабочего дня. Думал, вот сяду и перерисую тут все с ног на голову. Инновациями и премиумом будет веять на всю страну и Москву в частности.
Тогдашний дизайн-дир Платон Отливанчик в мой первый рабочий день сказал важную установку:
«Ты должен понимать, что 80% рабочего времени разговариваешь, добываешь информацию, собираешь аналитику, ходишь от одних к другим и тд, а остальные 20% проектируешь дизайн».
Я пытался игнорировать это правило – и каждый раз убеждался, что он был прав. Ни один макет невозможно защитить, если ты не понял контекст, не вовлёк стейкхолдеров и не смог объяснить, почему решение именно такое.
На ресурсах-миллионниках каждый блок на странице может принадлежать целому отделу. Ты не можешь взять и тихо перерисовать так, как тебе кажется будет лучше.
Нужно разобраться:
И только потом дизайн. Немного сумбурно описано, но суть +- везде схожая.
Продуктивность дизайнера не только в скорости и в количестве экранов.
Она появляется тогда, когда дизайн начинает встраиваться в бизнес, процессы, людей и ответственность.
И вот это ощущение – когда ты перестаёшь работать «в стол» и начинаешь реально влиять и есть главный признак роста.
Говоря проще. Будьте коммуникабельными, дальновидными. Будьте гибкими, учитесь смотреть в глубину вопроса и прекратите отказывать бизнесу в гибких решениях опираясь только на дизайн-систему.
P.S. На видео те самые дни в технопарке, 2020 год. Zoom вот вот станет популярным, а скайп был имбой для дейликов. Но чтобы не идти ножками на другой конец офиса, достаточно было просто набрать номер коллеги. Иногда корпоративный телефон в моих руках был чаще, чем мак с фигмой. Скучаю по тем дням и коллегам… пламенный привет вам, если читаете это 🫶🏻
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤22🔥11👍9🤡1
Защита дизайн-решений
Один из моих самых любимых этапов работы – защита и презентация. Это драйвит меня больше, чем сам релиз. Тут, конечно, стоит уточнить, что мне больше нравится презентация на широкий круг лиц.
Перед кем я защищал и презентовал дизайн-решения:
🔘 команда дизайна,
🔘 команда разработки,
🔘 команда маркетинга / HR / продаж,
🔘 внешние агентства и подрядчики,
🔘 узкий круг продактов или один продакт,
🔘 продуктовая команда,
🔘 команда кластера,
🔘 команда департамента,
🔘 IT / бизнес-лидеры или руководители направлений,
🔘 совет директоров,
🔘 любой другой заказчик в одном лице (было ещё во времена фриланса).
Перед всеми этими людьми в разное время, в разных компаниях и обстоятельствах я выступал и защищал свои дизайн-решения. Почти всегда это было успешно. И только по одной причине: я всегда готовил презентацию. Меня было слышно и видно.
Самое ужасное, что может сделать дизайнер после своей работы – просто молча скинуть ссылку на макеты. Дать заказчикам возможность делать с твоей работой всё что угодно. Никакого контроля ситуации, пояснений, сторителлинга, потенциальных цифр, красивых мокапов, слайдов и эффектов. Никакой трансляции экспертизы. Просто ремесленный труд в графическом редакторе: «Вот, я сделал. Комменты оставите – переделаю и снова скину.» Ваще, во 👍🏻 Не забудь еще премию попросить!
Просто запретите себе так делать! Нет ничего лучше, чем получить этот звёздный час – гордо, с волнением и дрожью в голосе начать рассказывать о своей работе. Судьба даёт возможность почувствовать себя Джобсом, да кем угодно. Момент, когда тебя дизайнера, где бы ты ни был (а лучше в офисе) слушают внимательно, и у тебя в этот промежуток времени под контролем кто угодно: от стажёра до члена совета директоров. Это момент, когда ты максимально качественно зарабатываешь кредит доверия.
Развивайте навык фасилитации. Задыхайтесь, экайте, запинайтесь. Главное, начните. С каждой презентацией вы будете чувствовать азарт. Понимание, как поступить в следующий раз: где взять паузу, где говорить быстро, а где медленно. Какой стиль подачи выбрать. Как же незабываемо осознать горечь поражения, показывая презентацию в тёмной теме на проекторе в максимально светлом помещении. Или ответить максимально кринжово на вопрос, который ты не ожидал. Это чувство провала и мгновенный рост, такому на курсах не научат. Только провалы и критические ситуации сделают вас по-настоящему сильными и экспертными в своем деле!
Когда вы готовите презентацию, самое важное – задать себе вопрос от лица человека, который будет принимать решение по вашему дизайну. Так вы сократите дистанцию в разы. Продумывайте каждый вопрос и корнер-кейс. А если что-то упустите (а вы обязательно упустите), то в следующий раз вы точно это учтете. И так из года в год.
Делайте классные презентации. Умейте уверенно продать и защитить свои решения. Если вам всё ещё не хочется этого делать, возможно, ваши решения не такие уж и классные, чтобы их презентовать 🤷🏻♂️
Один из моих самых любимых этапов работы – защита и презентация. Это драйвит меня больше, чем сам релиз. Тут, конечно, стоит уточнить, что мне больше нравится презентация на широкий круг лиц.
Перед кем я защищал и презентовал дизайн-решения:
Перед всеми этими людьми в разное время, в разных компаниях и обстоятельствах я выступал и защищал свои дизайн-решения. Почти всегда это было успешно. И только по одной причине: я всегда готовил презентацию. Меня было слышно и видно.
Самое ужасное, что может сделать дизайнер после своей работы – просто молча скинуть ссылку на макеты. Дать заказчикам возможность делать с твоей работой всё что угодно. Никакого контроля ситуации, пояснений, сторителлинга, потенциальных цифр, красивых мокапов, слайдов и эффектов. Никакой трансляции экспертизы. Просто ремесленный труд в графическом редакторе: «Вот, я сделал. Комменты оставите – переделаю и снова скину.» Ваще, во 👍🏻 Не забудь еще премию попросить!
Просто запретите себе так делать! Нет ничего лучше, чем получить этот звёздный час – гордо, с волнением и дрожью в голосе начать рассказывать о своей работе. Судьба даёт возможность почувствовать себя Джобсом, да кем угодно. Момент, когда тебя дизайнера, где бы ты ни был (а лучше в офисе) слушают внимательно, и у тебя в этот промежуток времени под контролем кто угодно: от стажёра до члена совета директоров. Это момент, когда ты максимально качественно зарабатываешь кредит доверия.
Развивайте навык фасилитации. Задыхайтесь, экайте, запинайтесь. Главное, начните. С каждой презентацией вы будете чувствовать азарт. Понимание, как поступить в следующий раз: где взять паузу, где говорить быстро, а где медленно. Какой стиль подачи выбрать. Как же незабываемо осознать горечь поражения, показывая презентацию в тёмной теме на проекторе в максимально светлом помещении. Или ответить максимально кринжово на вопрос, который ты не ожидал. Это чувство провала и мгновенный рост, такому на курсах не научат. Только провалы и критические ситуации сделают вас по-настоящему сильными и экспертными в своем деле!
Когда вы готовите презентацию, самое важное – задать себе вопрос от лица человека, который будет принимать решение по вашему дизайну. Так вы сократите дистанцию в разы. Продумывайте каждый вопрос и корнер-кейс. А если что-то упустите (а вы обязательно упустите), то в следующий раз вы точно это учтете. И так из года в год.
Делайте классные презентации. Умейте уверенно продать и защитить свои решения. Если вам всё ещё не хочется этого делать, возможно, ваши решения не такие уж и классные, чтобы их презентовать 🤷🏻♂️
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥16👍13💯8🔥4🤡1
Попробую разбавлять контент регулярными подборками наших редакционных дизайнеров. Буду выбирать топовые креативы из выносных материалов на Спортсе", но исключительно по моему мнению.
Вашему вниманию предоставляется. 100% натуральный продукт, не единого ИИ. Настоящее искусство, ручная работа прямиком из Калужской губернии и Москвы. Прекрасная работа с цветами, акцентами, в каждом креативе чувствуется айдентика клуба, характер и настроение материала.
🥇10 матчей, которые лучше всего расскажут о Гвардиоле, как о тренере
Кровожадный и непобедимый Пеп в C.P. Company. Если бы Гай Ричи снял фильм про Пепа, этот креатив точно бы претендовал на афишу 🤤
🥈Бруклин Нетс, как самая русская команда с Михаилом Прохоровым, Егором Деминым и Андреем Кириленко
Я являюсь болельщиком Бруклин Нетс. Спортс" единственная площадка в рунете, где можно регулярно читать материалы и эксклюзив по ним. А когда я вижу еще такой контент, то радуюсь, как все мои дети, когда включаю им Три Кота во время обеда 🤫
🥉Играл в Южной Корее, ушел из претендента на ЛЧ в Медиалигу – и полюбил ее. Необычный тренер клуба Мусагалиева
У десятки в целом очень сильная айдентика. Но работа нашего дизайнера топовая. Фокус на Лактионове, монохром в цветах десятки, флешбеки взятия трофея и… Азамат. Стиль на роскошном максимуме 💅
🏆Не опубликованное ранее интервью Симоняна: о претензии Пеле, зарубе с Нетто и кенгуру в Мельбурне
Печальное событие для России и мира, кончина Никиты Павловича Симоняна. Эксклюзивный архив Глеба Чернявского и очень тонкая, аккуратная, со всем уважением работа нашего дизайнера Артема 🙏🏻
P.S. Факт в том, что три работы из подборки сделаны нашей юной Соней из той самой Калужской губернии, дизайнер из прошедшего спортскэмпа 2025. Так держать! 🫡
Коллеги дизайнеры, соберитесь! Декабрьская подборка не за горами
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤23🔥13👍7👏2
Когда я устроился в Спортс" в прошлом году и начал знакомиться с дизайнерами и их работами, я сразу влюбился в работы нашей Алины Комиссаровой.
Удивительно, но Алина до спортса работала терапевтом и почти с самого начала своей дизайнерской карьеры начала выдавать такие результаты. По моему мнению, это достойно отдельной галереи. Алина всегда глубоко погружалась в истории и смыслы материалов наших авторов и умудрялась в одном изображении передавать всю суть и силу текстов. Сейчас Алина строит уверенную карьеру в продуктовом дизайне
Вообще, работы редакционного дизайна живут в ленте буквально несколько часов, а затем стремительно уходят вниз. И когда их еще потом встретишь… Пусть они сохранятся одной пачкой здесь.
Креативы были подготовлены в том году для очень сильных постов ниже:
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤23🔥11👍7
Что меня удивило в работе на этой неделе
Вообще вопрос интересный, и ответить на него можно, начиная от «меня удивил борщ на бизнес-ланче» до какого-то приятного эффекта от изменения нашего процесса. Но всё же зайду с другой стороны.
Ноябрь и декабрь всегда отличаются плотностью нагрузки, накопленной усталостью, планированием следующего года, подведением итогов, закрытием каких-либо дел и вопросов.
На этой неделе меня искренне удивили скорость, уверенность, отсутствие паники и оперативное выявление и исправление ошибок в наших дизайн-командах. В двух словах — отношение к делу. Это профессиональные и человеческие качества людей, которые меня окружают в спортсе, если угодно.
Команды ответственно подходит к задачам. Дизайнеры зрело избегают компромиссов. Отлично работают с обратной связью в период высокой нагрузки. В целом я не встречал такого раньше, где бывало всякое. Кажется, мы повышаем зрелость.
Хочется подкрепить свои слова делом и показать яркие примеры прямо сейчас, но совсем скоро вы это увидите в наших релизах — один из них, кстати, уже на следующей неделе! А пока делюсь просто своими ощущениями и надеюсь, что буду прав в своих суждениях.
Вообще вопрос интересный, и ответить на него можно, начиная от «меня удивил борщ на бизнес-ланче» до какого-то приятного эффекта от изменения нашего процесса. Но всё же зайду с другой стороны.
Ноябрь и декабрь всегда отличаются плотностью нагрузки, накопленной усталостью, планированием следующего года, подведением итогов, закрытием каких-либо дел и вопросов.
На этой неделе меня искренне удивили скорость, уверенность, отсутствие паники и оперативное выявление и исправление ошибок в наших дизайн-командах. В двух словах — отношение к делу. Это профессиональные и человеческие качества людей, которые меня окружают в спортсе, если угодно.
Команды ответственно подходит к задачам. Дизайнеры зрело избегают компромиссов. Отлично работают с обратной связью в период высокой нагрузки. В целом я не встречал такого раньше, где бывало всякое. Кажется, мы повышаем зрелость.
Хочется подкрепить свои слова делом и показать яркие примеры прямо сейчас, но совсем скоро вы это увидите в наших релизах — один из них, кстати, уже на следующей неделе! А пока делюсь просто своими ощущениями и надеюсь, что буду прав в своих суждениях.
❤18🔥12👍9
Всем хорошей и продуктивной недели! Пару часов и всё выложу 👌🏻
👍8🙏4👌1
Увольнение Станковича
Над лентой работали наши ML-инженеры. Поэтому все темы, которые вас интересуют на Спортсе, обязательно окажутся в вашей ленте!
Подробнее о релизе рассказал наш CEO — Евгений Коврин
Спортс" запустил уникальную фичу для российского медиа и мы со стороны дизайна делаем ещё один шаг вперёд. Помните, я писал про нашу дизайн-систему Forma? Она здесь, ребзя. Минус ещё один кусок легаси.
Раскатываем наш бренд в вебе и с нетерпением ждём следующих релизов. Мы меняемся! Если бы вы только знали, что у нас нового в Фигме…
С днём рождения, мой любимый Спортс" и с релизом нас!
Лента здесь🔥🔥🔥
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥19🔥8❤4👍2
Дмитрий Горбачев / Спортс"
This media is not supported in your browser
VIEW IN TELEGRAM
Damn! Тимур и его команда делают грязь! Топ-ролик к релизу ленты 🔥 Для меня честь жить и работать с тобой в одной время 🫡
❤20🔥14👍7