Я часто думаю, кем бы я стали, родись в другой стране. Иной менталитет, другие привычки — стал бы я иным человеком?

Эта мысль — не просто философская, а ежедневная рабочая задача: спроектировать интерфейс для того, чей опыт незнаком. Это ключевой вопрос для дизайнера, создающего продукт для специфической аудитории. Как увидеть интерфейс чужими глазами? Ответ лежит в балансе двух истин 1. Мы все разные Наше восприятие формируют культура, нормы и среда. То, что интуитивно для немца, может быть непонятно японцу. Цвета, жесты, иерархия ценностей — всё это влияет на взаимодействие. Понять это можно только через глубокое погружение: изучение местного контекста, привычек и тестирование с реальными пользователями. 2. Мы все одинаковые В основе лежит одинаковая биология: устройство мозга и зрения. Законы Хика и Фиттса, гештальт-принципы, ограничения памяти работают для всех без исключения. Это неизменный фундамент любого удобного интерфейса. —— Сначала строишь прочный и логичный фундамент на основе общечеловеческой психологии. А затем адаптируешь, с уважением учитывая культурные коды и привычки целевой аудитории. Это и есть работа исследователя и дизайнера — быть вечным антропологом, который помнит, что в основе любого интерфейса лежит человек. Со всеми его универсальными когнитивными ограничениями и прекрасным культурным многообразием.
Video is not supported

🎮 Как МТС внедрила геймификацию и подняла retention на 32%

Руслан Ильясов и Антон Минеев из МТС рассказали о четырёх кейсах внедрения игровых механик во внутренние и внешние продукты компании. Самый неожиданный результат показал внутренний сервис SAM, где спрятали эмулятор с ретроиграми вроде Mario и Boogerman прямо в витрине приложений. В приложении «Мой МТС» запустили новогодний адвент-календарь с 30 мини-играми на 30 дней. За прохождение начислялась внутренняя валюта для промокодов партнёров или игровой косметики. NPS среди игравших вырос на 3-4%, заметно увеличился трафик в экосистемные сервисы. В «МТС Карме» за месяц MAU подскочил на 46%, а количество обратной связи между сотрудниками выросло на 22,5%. Команда предупреждает о рисках фрода: если механика связана с промоакциями, всегда найдутся те, кто придёт только за кодами для перепродажи. Внутри: – Почему одна рулетка лучше тридцати мини-игр по багам и рискам; – Как защитить промоакции от перепродажи кодов на сторонних площадках; – Зачем привязывать задания к разным сервисам экосистемы; – Какие трудозатраты понадобились для роста MAU на 32% (спойлер: две бутылки пива); – Почему важно различать внутреннюю и внешнюю мотивацию пользователей; – Как геймификация из маркетингового аттракциона становится системным инструментом. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста

Как у нас проходят оплаты доставок и мебели в проектах?

С доставками и курьерами бывает непросто. И неважно, речь идет о маске для волос или о заслуженном наборе роллов – голову могут вынести знатно. Что-то вечно теряется, приезжает не в то время, не по тому адресу или не в том виде. Либо ждешь часами, либо вскакиваешь в 8 утра в выходной от звонка курьера. А теперь представьте количество доставок в масштабах стройки. Не одна коробка и не один курьер, а поток: мебель из разных городов, техника с разными габаритами, свет, двери, сантехника, частные перевозчики, маркетплейсы со своими временными промежутками. А человеческий фактор никто не отменял: могут привезти не то, занести не туда, или приехать с мебелью, которая физически не пролезает в лифт. Приятная новость в том, что если вы наш заказчик – вас это никак не коснется. Я создала систему, в которой дизайнер, курирующий проект, полностью берет все процессы на себя. Заказчик включается только в важных стратегических моментах – согласование коллажей, сметы, расходов и пропусков. Момент оплаты тоже продумали: чтобы не беспокоить по каждому коду для оплаты, в начале работы заказчик выпускает карту на ФИО дизайнера, привязанную к собственному счету. Мы сами оплачиваем все необходимое. Прозрачность кристальная – расходы фиксируются на этапе согласования сметы и отслеживаются в приложении банка. В каждом случае решаем вопросы индивидуально – кто-то может перевести всю сумму сразу, кто-то частями. Ищем оптимальный вариант для обеих сторон и начинаем работать. За все годы работы поняла, что это самый удобный вариант для всех👌🏻 Объект в Резиденции Замоскворечье с бюджетом 20.000.000 реализовывали по этой же схеме. Заказчик жил в Испании, и весь проект мы вели полностью дистанционно. На объект он приехал только один раз – на итоговую приемку, уже вместе с семьей. Безупречный результат не зависит ни от расстояния, ни от часовых поясов, ни от масштаба работ. Только от подхода и четкой организации.
Изображение поста

🤖 Дизайн-система Wildberries и как AI меняет подход к проектированию

Влад из Wildberries рассказал об архитектуре дизайн-системы «Ритм», которая состоит из трёх уровней: примитивы (токены), абстракции (рецепты) и экспорт (готовые компоненты). Дизайнеры работают только с экспортным слоем, не видя сложности внутренних механизмов. Ключевая проблема в том, что дизайнеры часто неправильно применяют токены к компонентам, что ломает систему при рефакторинге. Например, кнопка проходит через пять уровней абстракций от базового токена «перпл пятисотый» до финального компонента. Figma создаёт дополнительные ограничения: только четыре переключения свойств на коллекцию, невозможность создать зависимости между элементами без костылей. Команда уже экспериментирует с нейросетями, загружая правила дизайн-системы в базу знаний AI для автоматической генерации форм на основе компонентов. Внутри: – Почему семантика важнее визуального оформления при объединении продуктов; – Как три типа поверхностей (паш, врапер, контролс) определяют поведение элементов; – Зачем форфилду нужны слоты, иконки, суффиксы и префиксы; – Какие альтернативы Figma используют код вместо визуального редактора; – Почему продукт должен управлять дизайн-системой, а не наоборот; – Как нейросети учатся не создавать новые элементы вне системы. ДС довольно сложная, мозг подкипает, но интересно посмотреть внутрянку) ➡️ Смотреть видео ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
LANDING EVERYWHERE
Воркшоп с участием наших студентов, которым мы занимались совместно с бюро Archinform в рамках фестиваля Открытый город, получил высшую оценку жюри среди 15 команд! «Мы рассматриваем мобильность как коммуникацию: людей с людьми, людей с ботами и людей со средой. Наши концепции — это не просто творчество, а жизнеспособные бизнес-кейсы. Задача была в том, чтобы взглянуть на идеи критически и создать то, что можно будет реализовать с очевидной пользой» — Тимур Абдулаев (Archinform) В рамках воркшопа мы разработали три проекта: 1️⃣ Цифровая идентичность Создание уникального цифрового паттерна для новых районов с помощью профили жителей. Паттерн превращается в виртуальный «маяк идентичности» и находит отражение в дизайн-коде района, который помогает среде стать более узнаваемой, а людям — легче в ней ориентироваться и формировать локальные сообщества. 2️⃣ Параллельная мобильность Новая система, где городские трамваи перевозят не только людей, но и роботов-доставщиков в специальных вагонах. Решает существующие проблемы доставки роботами, в разы увеличивает зону покрытия сервиса и уменьшает конфликты ботов и людей на тротуарах. 3️⃣Адаптивный цифровой ландшафт Новая модель использования цифрового двойника района как AR-ассистента на примере «Москва-Сити». Предлагается целостная система виртуальных ориентиров, которая помогает быстрее перемещаться в сложном пространстве переполненного делового центра. «Город становится техноцентричным, но комплексного подхода к интеграции технологий в среду до сих пор нет. Эту нишу мы и стараемся заполнить. Наш метод — смотреть на городские задачи через призму IT-решений и современного сторителлинга, а не только архитектуры» — Андрей Киселев и Сергей Шестопалов (sintez.space) Прочитать про проекты подробнее можно на archi.ru Поздравляем всех участников с победой! @sintez_space
Изображение поста
🎨 Как освоить нейродизайн за один день?
18 ноября в 19:00 на стриме разберём, как с помощью ИИ собирать крутые лендинги, баннеры, адаптировать контент под новые задачи и экономить на иллюстраторе. ⏺В прямом эфире: ведущий дизайнер Bonnie&Slide — Мари, которая активно пользуется ИИ в работе 🤖 ⚡Что тебя ждет на стриме: ✅ расскажем, какие нейронки использует дизайнер для реальных проектов Bonnie&Slide ✅ разберем работы с ИИ на конкретных кейсах ✅ потренируемся в оценке: где работа иллюстратора, а где — ИИ ✅ расскажем правила эффективного промптинга ✅ вместе воссоздадим наш последний лендинг вместе с ИИ Подходит новичкам в дизайне, маркетологам и всем, кто делает контент 💯 Стрим уже скоро — не пропусти! 🔗 Регистрация Кстати, там тебя ждет еще одно кодовое слово 🤫
Изображение поста
Изображение канала: Профессия Дизайнер
Siter — платформа, очень похожая на Figma, но позволяет создать сразу готовый адаптивный сайт без кода.
siter.io
Video is not supported
Изображение канала: Дизайн 360° | Pragmatica
🐚 мы в компании запускаем новое пространство для экспериментов на пересечении дизайна, нейросетей и кода. ищем людей, которым интересно создавать то, чего ещё нет!
🌞ai-video creator 🌞ai-designer 🌞vibecoder мы предлагаем: — гибкий график, парт-тайм или проектную основу — участие в ai-проектах с разными продуктами, командами и рынками — внутренyюю поддержку, менторство и эксперименты — живую атмосферу без излишней формализации — оклад по договоренности если это вы, присылайте портфолио и небольшой рассказ о себе нашему рекрутеру 🦴 лине.
Video is not supported
Изображение канала: Журналус лайт
Uiverse. Опенсорсная UI-библиотека из 4100+ компонентов. Содержит кнопки, формы, карточки, чекбоксы и много других элементов.
В коллекции можно найти анимированные и статичные элементы в самых разных стилях, помимо привычного флэта. Есть удобные рубрикаторы и поиск. Код можно копировать в один клик. #инструменты@zhurnalus_lite
Изображение поста
Изображение канала: АХ дизайн
⌛ Автоматическая подгрузка товаров в каталоге Тильды
Вместо постоянного клика на кнопку «Загрузить еще» можно использовать код, который будет это делать за вас, создавая эффект плавной подгрузки товаров по мере скролла страницы. Вставьте код в блок Т123 на страницу с каталогом: Подключение библиотеки jQuery не требуется. 💛 Если у вас есть вопросы или пожелания к данной модификации, дайте знать в комментариях ☺️ ❗️ А также, если вам нужна какая-то модификация под ваш личный запрос — не стесняйтесь мне писать! Возможно, я смогу вам помочь найти решение и за одно поделюсь им в канале на случай, если кто-то тоже столкнулся с похожей потребностью 💕 #модификации #тильда
Изображение поста
Изображение канала: Бонни и Слайд
😎 Личный AI-маркетолог за один вечер? Легко!
⏰ 12 ноября в 19:00 — бесплатный вебинар: «Как за 1 вечер создать AI-маркетолога, который будет работать 24/7» Подходит для маркетологов, контент-креаторов, SMM-специалистов и тех, кто хочет: ▸ автоматизировать рутину, ▸ генерить идеи на лету, ▸ перестать зависеть от вдохновения. Что будет на вебинаре: ⚡️ Реальные кейсы работы с ИИ ⚡️ Сборка своего AI-маркетолога — за 15 минут, без кода ⚡️ Инструменты для анализа аудитории, контента и креатива с помощью ИИ ⚡️ Ответы на твои вопросы Регистрация здесь 👈 🎁 А после регистрации получишь подарок-гайд: «Как создать свой цифровой аватар шаг за шагом»
Video is not supported
Изображение канала: Журналус лайт
📖 Вышел Журналус № 482. Миллион в месяц за проклятое портфолио
Вот что мы подготовили на этой неделе: • Вторая часть цитат из книги Мэттью Уолкера «Зачем мы спим. Новая наука о здоровом сне и сновидениях» • Манифест авангарда Эль Лисицкого • Три архетипа продуктовых лидеров • Как генерировать реально рабочий код по вайрфреймам за 15–20 минут • Почему модные бренды возвращают старые и харизматичные логотипы • Как зарабатывать миллион в месяц на дизайне в найме • 50 материалов о применении ИИ в работе над UX • Трёхуровневая система работы с компонентами, которая обеспечивает порядок • Секреты крутого портфолио и как получить оффер в 2025 году • Как модели Claude могут анализировать сами себя • Игра-хоррор о проклятом проекте • Супердетализированные иллюстрации Парижа с высоты птичьего полёта
Изображение поста
Изображение канала: Веб дизайн в Figma
#Иконки
Иконки из фреймворка Bootstrap с открытым исходным кодом на github Иконки тут
Изображение поста
Изображение канала: BBE: иллюстрация
Выходные — время для 3D-экспериментов
А поможет в этом подборка инструментов от Анны Яшиной: она не только занимается иллюстрацией, но и работает наставницей на курсе «3D-дизайнер». Очень важным в любой профессии является место для эксперимента. В дальнейшем найденные решения либо откроют новые возможности, либо останутся в памяти как опыт. В моем списке есть и простые приложения, которые я тестировала в дороге, и что-то смежное с 3D, позволяющее иначе взглянуть на поиск образов и смыслов. monstermash.zone: забавная платформа, где можно нарисовать силуэт пальцем, раздуть его в объем, а потом задорно заанимировать. beta.womp.com: тоже бета, но серьезнее, чем monstermash. Здесь можно рендерить и прототипировать уже на уровне сцены со светом. experiments.withgoogle.com/collection: огромная коллекция графических экспериментов со ссылкой на используемое ПО. artbreeder.com: совершенно сумасшедшая нейросеть, в которой можно создавать гибриды на разных уровнях. processing.org: платформа позволяет почувствовать себя чуть-чуть Марком Ротко и Йоханнесом Иттеном, а еще и код посмотреть. threejs.org: инструмент для работы с интерактивной роскошью и массой нереальных примеров. shadertoy.com: тул для экспериментов с шейдерами, поиска новых форм и эффектов.
Изображение поста
Изображение канала: Бонни и Слайд
🔑 ОГРАБЛЕНИЕ ВЕКА
Помоги Бонни и Слайду вскрыть сейф! Готов к охоте за кодами, сокровищами и… AirPods? 🚀Запускаем интерактив: угадай код от сейфа и забери свой приз 🩷Как играть? 🩷 Приобретай курсы — за каждые 3000 ₽ в чеке +1 попытка на открытие сейфа. Чем больше курсов, тем ближе ты к главному призу. 🩷 Ищи секретные слова — мы прячем их на на вебинарах, в соцсетях и на странице блога. 🩷 Вводи коды на сайте — за каждый код ты получаешь 1 бесплатную попытку открыть сейф (максимум 9🩷) 🩷 Подбирай комбинации и лови сокровища. 🎁 Гарантированный подарок каждому участнику + шанс выиграть AirPods. Следи за обновлениями — коды появляются внезапно 😉 👉 участвовать
Изображение поста
Изображение канала: Дизайнер, привет
🎨 Как управлять вниманием читателя с помощью цвета в визуализации данных
Лиза Шарлотт Мут из Datawrapper объясняет, как цвет помогает контролировать, куда смотрит читатель. Главный принцип простой: делайте важное цветным, а всё остальное серым. Серый цвет стал инструментом повествования в визуализации данных, и читатели уже привыкли, что серое означает менее важное. Автор рекомендует начать с определения приоритетов. Что читатель должен увидеть первым, вторым, третьим? Лучше записать это, если вы новичок. После этого сделайте все категории серыми, а затем верните цвет только важным элементам. Wall Street Journal демонстрирует этот подход в диаграмме, где маленькие красные области привлекают больше внимания, чем большие серые. Ещё один приём — использовать менее насыщенную версию основного цвета вместо серого для второстепенных категорий. Внутри: – Почему серый цвет нельзя использовать как обычную категорию; – Как создать четыре уровня визуальной иерархии одним цветом; – Зачем FiveThirtyEight использует пять оттенков насыщенности; – Почему изменение оттенка для неважных категорий это ошибка; – Как добавить прозрачность через hex-коды (#cc0000cc); – Когда насыщенный неон побеждает чёрный цвет по привлечению внимания. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Изображение канала: BBE: моушн-дизайн и CGI
Идеи для досуга на длинных выходных
Своим списком инструментов поделилась Анна Яшина, наставница курса «3D-дизайнер». Очень важным в любой профессии является место для эксперимента. В дальнейшем найденные решения либо откроют новые возможности, либо останутся в памяти как опыт. В моем списке есть и простые приложения, которые я тестировала в дороге, и что-то смежное с 3D, позволяющее иначе взглянуть на поиск образов и смыслов. monstermash.zone: забавная платформа, где можно нарисовать силуэт пальцем, раздуть его в объем, а потом задорно заанимировать. beta.womp.com: тоже бета, но серьезнее, чем monstermash. Здесь можно рендерить и прототипировать уже на уровне сцены со светом. experiments.withgoogle.com/collection: огромная коллекция графических экспериментов со ссылкой на используемое ПО. artbreeder.com: совершенно сумасшедшая нейросеть, в которой можно создавать гибриды на разных уровнях. processing.org: платформа позволяет почувствовать себя чуть-чуть Марком Ротко и Йоханнесом Иттеном, а еще и код посмотреть. threejs.org: инструмент для работы с интерактивной роскошью и массой нереальных примеров. shadertoy.com: тул для экспериментов с шейдерами, поиска новых форм и эффектов.
Изображение поста
Изображение канала: Дизайнер, привет
🔥🔥 Как создать дизайн-систему: курс о закулисье, а не о кнопках
Миша Шамин сделал бесплатный курс о проектировании дизайн-систем, но не про базовые вещи вроде теней и сеток. Он сразу предупреждает, что не будет учить создавать компоненты или настраивать цвета. Вместо этого курс раскрывает закулисье: какая работа скрывается за красивыми кнопочками и тенюшками. Курс построен на цитате инженера Дейва Акина о том, что необходимое количество итераций всегда на одну больше, чем уже сделано. Развитие дизайн-системы это бесконечный процесс, поэтому курс закладывает фундамент из принципов и учит самостоятельно развивать проект дальше. Научитесь вайб-кодить, использовать GitHub, Cursor и Docusaurus, перелинкуют Storybook с Figma и бэклогом, узнают про библиотеки pre-commit и lint-staged. Внутри: – Как настроить окружение и сформулировать первые задачи в бэклоге; – Зачем нужно экономическое обоснование дизайн-системы; – Как контролировать входящие изменения и версионирование; – Что такое линтинг документации через markdownlint и cspell; – Почему важны бэкапы и автоматизация деплоя; – Как работать с фичреквестами и метриками. ➡️ Пройти курс ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Изображение канала: Точка входа
Маркетолог в Maff
Maff.io — metaverse-студия, которая разрабатывает игры и занимается продвижением проектов на платформах Roblox, Fortnite, Spatial и других. Задачи: — закупка рекламы у блогеров и стримеров — продвижение в соцсетях и комьюнити-менеджмент — создание вирусного контента: видео, рилсы — разработка лендингов и презентаций Ожидания: — опыт в диджитал-маркетинге от 1 года — понимает метавселенные или хочет разбираться — умеет работать с блогерами/SMM/аналитикой — готов развиваться в геймдеве Условия: — зп от 60 000 → рост до 120 000 ₽ по KPI — гибкий график, удаленка — реальные проекты для крупных брендов — обучение и развитие в метавселенных → Почитать подробнее Если тебя заинтересовала вакансия, пиши @MaffHR, отправляя кодовую фразу "Точка входа", портфолио и несколько слов о себе #маркетинг
Изображение поста
Изображение канала: Дизайнер, привет
Как я пилю свой продукт. Часть 19.
Кто тут первый раз видит такой пост, коротко: я пилю свой сервис поиска работы с помощью нейронок. Я не разработчик и не написал ни строчки кода сам. Все сделано мной. Дизайн, фронт, бэк, админка и всё остальное) Команды у меня нет. Вы можете почитать все остальные части с самого начала и посмотреть, какой путь проделал сервис и не умер без команды разработчиков. Я никуда не пропадал, просто октябрь пришёлся на путешествие по Европе длинною в месяц. Поэтому особо продуктовых фич сделать не получилось за это время. Но сейчас я уже осел на месте и в процессе делаю продуктовую фичу) Я уже провёл небольшой опросник на сайте и понял, что это нужно. Хочу сделать удобное хранение сиви, его редактирование и чтобы была красивая страничка по ссылке, которой можно делиться с кем угодно. И на этой же страничке его можно будет скачать в пдф тоже красиво. Это большая фича, которая требует времени, но уверен, что всё получится красиво и главное удобно. И ещё нужно переработать профиль. Так как сейчас это модалка, которую тяжело масштабировать. Нужно прийти к нормальной странице, которая может расти сколько угодно по фичам и не умереть 😱 Немного о том, что я всё-таки поделал (не так интересно, но всё же) Оплаты в админке Вывел в админке себе красиво графики. Теперь вижу сколько оплат по каждому дню и на какую сумму. Кстати, с момента релиза PRO версии оплат уже 150 штук. Не миллионы, но приятно. Дальше нужно растить трафик и просто продолжать) Я тот человек, что останавливаться не будет точно. Бэкэнд Поправил несколько технических штук, которые делали лишние запросы к БД, которые не требовались) Теперь их меньше и все работает стабильнее. Блог Сделал теги в блоге, чтобы можно было смотреть статьи по категориям. План — статья каждый день. Хочу посмотреть даст ли это какой-то эффект в плане роста трафика из поиска. К слову, блог показал рекорд в октябре по просмотрам. Ещё улучшил себе редактор, теперь там не прям сухой текст, а есть нормальные таблички, блоки юайные и прочее) По цифрам всё в целом не плохо, но немного вышло на плато будто бы. Не знаю пока, с чем это связано, но радует одно, что в октябре цифры растут и они выше, чем когда-либо за всё время. Из поиска просмотров больше всего. Оно не падает с момента появления сайта и это супер радует. – Из гугла уже 222 000 показов за полгода и 10 800 кликов. Напомню, что я не спец в SEO, все делаю сам, изучаю сам и пилю нейронкой. CTR 4.8% – В яндексе картинка интереснее, там 526 000 показов, но кликов 16 400 всего. CTR 3%, в целом не плохо – Retention немного растёт и это тоже круто) То есть, многие возвращаются, каждый день – Ну и среднее время на сайте 4 минуты, что тоже гуд, отказов 20% за все время работы Спасибо всем, кто пишет фидбек в личку, слова благодарности и находит какие-то ошибки. И отдельное спасибо всем, кто оформил PRO подписку. Мне супер приятно! ❤️❤️ Если у вас дополнительно есть идеи по функционалу хранения / редактирования CV в профиле (чтобы было супер удобно и красиво) — пишите тоже, я открыт к предложениям! 😍 По традиции, приходите на сайт, пользуйтесь и рекомендуйте знакомым 💥 ➡️ Смотреть вакансии ➡️ Смотреть вакансии ➡️ Смотреть вакансии ч.18 ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста