🍕 Как продакты и дизайнеры работают вместе: кейс редизайна Додо Пиццы

Юлия Емельянова, руководитель юнита в Додо Пицце, рассказала о редизайне приложения и сайта компании. За 10 лет она прошла путь от маркетинга до лидера IT-юнита, отвечающего за приложение во всех 25+ странах присутствия сети. Главная проблема редизайна была в отсутствии единой стратегии и устаревшей дизайн-системе. В 2023 году приложение уже не давало «вау-опыта», а конкуренты предлагали более интересные решения. Команда выбрала путь создания уникального продукта вместо инвестиций в маркетинг из-за ограниченности ресурсов. После года работы MAU вырос на 25-28%, а NPS держится на уровне 78-79%. Ключевой урок: нельзя просто взять и изменить продукт, не понимая причин его текущего состояния. Внутри: – Почему метафора продакта это тренер из фильма «Джентльмены»; – Как запустили кофе «ноль четыре» без разработки через адаптацию системы учёта; – Зачем на презентации концепта использовали шлемы и шутки; – Почему четыре команды объединили в один юнит «Дип Эксперимент»; – Как фрейм «интересно/не страшно» помогает принимать смелые решения; – Почему метанавыки важнее фреймворков и CJM. ➡️ Смотреть видео ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста

Плагин AutoHeight — автоматически подгоняет высоту фрейма под нижний элемент страницы за один клик.

📖 Вышел Журналус № 480. Веточка сакуры с миниатюрной дачи для плохого дизайнера

Вот что мы подготовили на этой неделе: • Цитаты из книги Уилла Сторра «Внутренний рассказчик. Как наука о мозге помогает сочинять захватывающие истории» • Принципы грамотного управления продуктовыми командами • Особенности проектирования интерфейсов для стран Восточной Азии • Как выстроить культуру качества в продуктовых командах • Наглядное объяснение эффекта фрейминга • Коллекция хороших футеров сайтов • Как писать крутые промты для генерации изображений • 50 промтов для генерации видео • Где находятся локации из фантастических фильмов и книг в реальной галактике Млечный Путь • Плейлисты с лекциями MIT на русском языке • Удивительно трогательные миры миниатюриста Майкла Давыдова
Изображение поста
Плагин «Pattern Creator» by Viachas Kul
Плагин для создания паттернов из выбранных фреймов 🟢 Скачать плагин 🟢 #plugin
Изображение поста
Плагин Tumble — плагин, заставляющий «падать» объекты к нижней границе фрейма; получается своего рода эффект гравитации. Благодаря Tumble можно создать занимательные паттерны.
Я тут это, сайтик себе собрал 😐
Полноценная версия портфеля, которую я рисовал в фигме по выходным весь последний год в экзистенциальных размышлениях о том, зачем я все переделываю по десять раз и дерусь за каждый пиксель — ушла в архив вчера вечером, когда я попытался ее собрать во фреймере. Просто пришло понимание, что я не готов тратить на это еще неделю. Но с ноушена уехать хочетелось. Я психанул и понял, что если у меня будет узкий сайт, то и ебаться не придется. В 21:00 субботы я сел рисовать lightweight версию, чтобы в 9:00 воскресенья нажать на кнопку publish. Есть еще куча неопубликованных проектов и кейсов, которые надо собрать, но все это я буду наслаивать уже позже. Теперь хоть есть че показать. Вот, что получилось: https://artmilovanov.com/">https://artmilovanov.com/ P.S А есть тут эксперты по фреймеру? Я пережал видосы, но они все равно иногда долго грузятся. Че посоветуете? 😕
Фрейминг — как интерфейсы нас обманывают
Мозг предпочитает экономить энергию и обрабатывает информацию на основе предвзятых шаблонов Читать на дизайнерс | #статья
Изображение поста
AutoLayout — плагин динамически размещает слои во фреймах и обновляет макет при изменении размеров дочерних слоев.
Изображение поста
Ставим цели правильно
Вокруг целеполагания — целая индустрия. SMART, OKR, GTD, PACT, 12 Week Year, «Атомные привычки» Джеймса Клира, «Достижение цели» Брайана Трейси, «Эссенциализм» Грега МакКеона, «Жизнь на полной мощности» Джима Лоэра и Тони Шварца… Методик много. Табличек и фреймворков — ещё больше. Мы даже рассказывали в канале про собственную методологию Васи, которая даёт ему комфортный уровень гибкости: Метод постановки целей SSA: Sequence / Synergy / Agile Но в этих фреймворках не спрашивают «А как ты себя чувствуешь, когда идёшь к цели? Что ты испытаешь, когда её достигнешь? Останутся ли у тебя силы порадоваться тому, что ты дошел?» Мы устроили 🏋️‍♂️☮️💢🥶, чтобы авторы изучали себя, находили свой голос и входили в поток. А не чтобы писать посты любой ценой. Поэтому при постановке целей выбирайте реальное, конкретное, измеримое. Но обязательно представьте себя, когда оно воплотится. Если вы измучаетесь в процессе, то нужно ли оно вообще? Есть ещё одна важная штука в целях, кроме ощущений и состояний. Юля написала сегодня про то, как цели (какие угодно — большие, маленькие) разбивать на шаги. В основе всего лежит идея, затем большая цель, затем мини-цельки, чтобы сложилась, как лего, большая. #антон #мероприятие #написябрь2025 🍍 Явно.Дизайн x 🍥 tak.pobedim 😱 Что это за челлендж?
Изображение поста
Плагин Invaders — Плагин генерирует наборы иллюстраций в стилистике игр Space Invaders. Подойдёт, если вам нужно добиться ощущения ностальгии или поддержать пиксельный стиль.
Как пользоваться: — нажмите на генератор, чтобы отобразить случайную сетку фигур — вы можете настроить количество элементов (максимум 20×20) и ширину / высоту элементов — сгенерированная сетка отображается прямо на вашем основном холсте — в противном случае, если выбран пустой фрейм, он будет заполнен элементами (ширина и высота которых будет зависеть от размеров фрейма) #узор #генератор #паттерн #рандом
💡 Как фреймворк STAR помогает создавать удобные интерфейсы
Антон Черный из Mindbox рассказал, как они адаптировали фреймворк STAR из сферы найма для проектирования интерфейсов. Метод помогает смотреть на продукт глазами пользователя, который устал к концу дня и просто хочет закончить задачу и пойти домой. Команда столкнулась с парадоксом: чем больше функций добавляли в продукт, тем менее удобным он становился. Когда начались жалобы клиентов, они решили структурировать процесс проектирования через четыре этапа: ситуация пользователя, его задача, наши действия и проверка результата. На примере редизайна страницы рассылок автор показывает, что случается, если пропустить любой из этапов. Внутри: – Почему новые функции делают продукт менее удобным; – Какие вопросы задавать на каждом этапе STAR; – Как маркетологи на самом деле создают рассылки; – Почему красивый редизайн может ухудшить пользовательский опыт; – Зачем прописывать user flow в текстовом виде до создания макетов; – Как понять, что задача действительно решена для пользователя. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Плагин Jter · Animation for Figma — позволяет импортировать проект в Jter для анимации и экспорта в видео или GIF.
Jter — это простой в использовании анимационный инструмент. Это как figma, но для анимации. Как пользоваться: 1. Откройте плагин 2. Выберите фрейм и нажмите кнопку «Экспорт» 3. Откройте проект в Jter и создайте немного магии! Ограничения: —Вы можете экспортировать только один фрейм за раз; — Тексты (кроме используюищих шрифты Google) экспортируются в виде изображений; — Группы в масках экспортируются как изображения; — Каждый экспорт создаст новый проект в Jter. #gif #анимация #видео
🟠 Сервисы для Тильды, расширяющие ее возможности
Я собрала для вас в этой статье пять сервисов, которые добавляют Тильде новые возможности, так часто требуемые в ее стандартном функционале. Речь идет не о модификациях, а о полноценных веб-сервисах или расширениях, предназначенные для определенных задач. Отдельно хочу отметить новый сервис Arvess по импорту дизайна из Фигмы в zero-блок Тильды, который гораздо мощнее стандартного импорта. В чем его главные отличия: ⭐️ импорт фрейма любой ширины; ⭐️ импорт сразу нескольких фреймов для одного блока, под которые создаются брейкпоинты соответствующей ширины (т.е. вы переносите дизайн сразу со всеми адаптивами!); ⭐️ простые и не слишком требовательные настройки макета в Фигме; ⭐️ импорт иконок и картинок без дополнительных выгрузок в zero-блоке; ⭐️ импорт элементов со всеми эффектами наложения, тенями, обводками, прозрачностью и т.д. Сервис еще достаточно новый, но он быстро развивается. В случае обнаружения ошибок или возникновения пожеланий к сервису обязательно напишите об этом команде разработки. Все последние новости и обновления вы можете почитать на канале Arvess — подпишитесь, если вам интересно, и поддержите развитие этого полезного продукта 💜. #сервисы #статьи #тильда
Изображение поста
Custom Frame Presets — плагин с собственными размерами для фреймов.
Изображение поста
Давненько не было вестей
Отдохнул недельку от новостей, пора вливаться обратно. Намедни Фреймер выкатил биг-фичу со страницами, что по факту делает из конструктора полноценный редактор. Обещают, что всё будет бесплатно с безлимитом по числу проектов и страниц. Звучит интересно, потестить точно стоит. Глядишь со временем вырастет в полноценного конкурента Фигме. #вести @vestochka_design
Плагин "Rename and Organize Frames" by Yaki
Плагин упрощает процесс переименовывания и сортировки фреймов ⚡️Скачать плагин⚡️ #plugin
Изображение поста
Плагин Figma to Code (HTML, Tailwind, Flutter, SwiftUI) — Полностью бесплатный плагин с открытым исходным кодом, который может вывести всю вёрстку вашего макета на трёх языках.
Как пользоваться: 1. Нажмите правой кнопкой мыши по макету и перейдите Plugins → Figma to Code. 2. Выделите любой объект на макете, и в появившемся окне отобразится его код. 3. При необходимости можете изменить язык: HTML, Flutter, SwiftUI, CSS-фреймворк Tailwind. Если нужны Flutter или SwiftUI, то Figma to Code сможет выручить. Но поддержка HTML в нём не очень хорошая — плагин не пытается организовать все стили объекта в формат CSS, а просто выдаёт всё в формате
. #AutoLayout #android #css #html #девайсы #код #стили
Autofill — плагин с помощью переменных автоматически заполняет текстовые данные в выбранном фрейме
Изображение поста
Отдых — это важная часть работы 🏀
Если постоянно упарываться в работу, можно пропустить важную часть жизни — ту, что наполнена улыбками, радостью, увлечениями. Именно эти моменты делают тебя тобой. Работа — тоже моё увлечение. Наши дизайнеры даже подарили мне на день рождения майку с зашифрованной надписью "Workaholic", потому что знают меня хорошо. У всех выходные — выходные, но не у меня. Выходные для меня — это такие же рабочие дни, только более спокойные от внешних запросов. Время для регламентов, планирования и разбора задач, которые долго лежат без внимания. Помните, я писал, что лето меня трахнуло по полной? Были моменты, когда примерно 80% контрактов на стадии подписания просто отвалились и пропали. Я активно занимался поиском новых. Я забыл простую истину: иногда, чтобы сделать большой рывок вперед, надо просто вспомнить, что помимо работы есть личное. Начал с малого — купили жене велосипед 🚲 и три раза в неделю катались утром и вечером. Примерно по 20 километров накатывали. А сегодня просто взял баскетбольный мяч и поехал на площадку. Думал покидать в одиночку, но получилось намного веселее. Быстро нашёл компанию из 3 ребят примерно моего возраста. Познакомился с 2 девчонками, которые учатся в спортивке на баскетболисток. Собрали команду из 5 человек и 3 часа играли офигенно. Настоящей командой. Выносили вперёд ногами 3 команды молодых ребят, которые были активнее нас. Но только мы играли в пас, а они — в личные достижения. До сих пор не привыкну к тому, что когда меня спрашивают про возраст мой, а я говорю, что сыну (ну, формально я его отчим) — 16 лет и мне 46 — люди такие "Да ладно, не может быть". Короче, устал как гончая собака, но доволен как слон на водопое в Африке 🐘 Приехал домой и рабочие мысли уложились в прекрасный фреймворк: ✅ Закончил проверку большого технического задания для нового мобильного приложения ✅ Сделал акты и счета для заказчика на новый этап работ ✅ Собрал и проверил видео-ролик для выставки наших заказчиков Иногда лучший способ решить рабочие задачи — это на время забыть о них и вспомнить, кто ты есть помимо работы. Вы, кстати, как выходные проводите? 🏆 kirshinaleks
Изображение поста