🔔 Inspiration #154

Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥

– generalproximity.bio
– clay.earth/start
– vvisual.biz
– junioneda.com
– documenso.com

———

– native.inc
– supermotion.co
– lo2s.com
– wattenberger.com
– kenfulk.com

———

– iessi.fr
– coder.com
– thisispam.com
– nativemind.app
– studiovanadium.com

———

– clutch.security
– neverhack.com/en
– dock.us/product/order-forms
– shop.a24films.com
– nativecontent.com

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🆒 Почему азиатские интерфейсы такие перегруженные

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

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

Внутри:
– Почему в Китае достаточно трёх приложений для всей цифровой жизни;
– Как красные конверты стали универсальным паттерном бонусов;
– Зачем японские лендинги добавляют боковые меню навигации;
– Почему корейцы ищут информацию в отзывах, а не на сайтах;
– Как QR-коды заменили терминалы оплаты во всём Китае;
– Почему российский UX движется в сторону азиатского.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🎯 Оживляем интерфейс с помощью Lottie-анимаций

Саша Гончаров из 2ГИС рассказал, как они добавляют анимации в картографическое приложение, сохраняя баланс между красотой и производительностью. Оказывается, при работе с интерфейсными анимациями нужно забыть 90% возможностей After Effects и научиться создавать магию с помощью простых шейпов и градиентов.

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

Внутри:
– Почему из всех инструментов выбрали именно Lottie;
– Как различать утилитарные и эмоциональные сценарии анимации;
– Почему растровые изображения пришлось перерисовывать в векторы;
– Как один кадр анимации может занимать 20 мегабайт видеопамяти;
– Зачем нужны градиенты для создания иллюзии объёма и теней;
– Как сделать бесшовный переход между слайдами в онбординге.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

📱 Генерация мобильных интерфейсов с помощью ИИ

Владимир Макеев из Surf протестировал генерацию UI-компонентов в Claude 4 по методу one-shot UI. Простые компоненты вроде кнопок ИИ создаёт без ошибок, экономя до 80% времени. Сложные интерфейсы требуют доработки, но всё равно ускоряют работу на 25-30%.

Главное открытие: без контекста ИИ выдаёт хаотичный код. Модель не понимает, что делает, а просто оперирует вероятностями. Поэтому нужен метод one-shot UI: загрузить максимум ограничений сразу, чтобы получить чистый результат с первой попытки. Автор описывает пять шагов: от загрузки правил и подключения линтеров до использования MCP для Figma и golden-тестов.

Внутри:
– Почему без контекста ИИ открывает десятки файлов и выдаёт случайный результат;
– Как правила и линтеры доводят код до стандарта команды;
– Зачем нужен master rule для повторяющихся задач;
– Как MCP для Figma передаёт точные стили и размеры;
– Почему golden-тесты помогают достичь pixel perfect;
– На сколько процентов ИИ ускоряет работу с разными типами задач.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

💭 Почему проектирование ужасных решений делает вас лучшим дизайнером

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

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

Внутри:
– Почему изучение только «приемлемых» решений создаёт ложную эффективность;
– Как эффект якорения работает в дизайне;
– Шесть вопросов для систематического создания плохих решений;
– Чем границы отличаются от ограничений в дизайне;
– Почему избегание риска убивает инновации;
– Как внедрить метод за 7 минут в следующем проекте.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🔔 Inspiration #155

Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥

– springsummer.dk
– euveka.com
– hhhusher.com
– voicenotes.com
– intercom.com/support-for-customers/ai-agent

———

– menuxl.fr
– nbijan.design
– moremud.co
– techspeed.com
– nanuelectrics.com

———

– year-in-review.inthememory.com
– mallardandclaret.com
– kast.xyz
– shopify.com/editions/winter2023
– sketch.com/blog

———

– linear.app/quality
– martinbriceno.xyz
– dapper.agency
– lightspark.com
– svz.io

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🧠 Как бренды используют когнитивные искажения в дизайне

Команда KISLOROD разобрала популярные когнитивные искажения на примерах Apple, IKEA и других брендов. Эффект IKEA заставляет людей выше ценить мебель, которую они собрали сами — в эксперименте участники переплачивали за собранные игрушки Lego, думая, что другие оценят их так же высоко.

Apple использует сразу несколько приёмов: эффект эстетичности (красивый дизайн кажется более удобным) и эффект приманки. iPhone 15 с устаревшими характеристиками продаётся рядом с iPhone 14, создавая иллюзию выбора. При этом каскад доступной информации через постоянные упоминания в СМИ закрепляет убеждение в превосходстве бренда.

Внутри:
– Почему люди переплачивают за товары, которые частично создали сами;
– Как Apple продаёт старые технологии под видом инноваций;
– Зачем маркетплейсам социальные доказательства и отзывы;
– Почему резкий редизайн может уронить конверсию на 80%;
– Как работает эффект якоря со старой ценой;
– Почему потеря 500 рублей обиднее, чем находка 1000.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

Анимация в Фигме

Если вы не знали, как подступиться к тому, чтобы начать анимировать макеты, а АЕ для вас космолёт, который никак не освоится, то решение есть — Magic Animator

Они ещё тут и обновились сегодня до версии 2.0

Что нового:
–Генерация стала быстрее;
– Качество анимаций лучше;
– Обновили интерфейс;
– Можно получить бесплатные кредиты;

Как работает:
Один клик = 4 варианта анимации. Никаких промптов и сложностей. Потом можно отредактировать результат в полноценном редакторе.

Короче, пушка. Без костылей каких-то

➡️ Пробовать тут

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

💫 Микропроцессы в дизайне: как Voximplant внедрили дизайн-ревью без страха

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

Решением стал компромиссный микропроцесс «Пост дизайн-ревью». Если проверка не происходит за 24 часа или есть острая бизнес-необходимость, задача идёт в продакшен, но автоматически создаётся тикет на проверку в следующем спринте. В результате 95% задач проходят обычное ревью, 100% проверяются в итоге, а количество багов на продакшене сократилось в 1,5 раза.

Внутри:
– Почему процессы команды это её внутренние продукты;
– Как Intercom адаптировал JTBD через Job Stories;
– Какие страхи мешают внедрению дизайн-ревью;
– Как работает алгоритм «Пост дизайн-ревью»;
– Почему 1 дизайнер успевает делать ревью для 5 фронтендов;
– Какие процессы появились после успешного внедрения.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

Точка Банк ищет арт-директора на их главный сайт

Точка Банк — финтех-компания, которая создаёт онлайн-банк и экосистему сервисов для бизнеса. 

📍 Сколько платят и формат
От 300 000 ₽. Удалёнка или работа в офисе, они есть в 20 городах по всей стране. 

Сайт Точка Банка — главный канал привлечения, развиваемый как самостоятельный продукт. Ищут арт-директора, который возьмёт на себя визуальную стратегию сайта и поведёт команду вперёд.

✔️ Что делать: 
— ​​Создать и внедрить новый визуальный стиль сайта, используя подходы эмоционального дизайна. 
— Развивать приёмы, которые будут повышать конверсию и узнаваемость бренда. 
— Контролировать визуальную целостность всех создаваемых страниц.
— Координировать дизайн-процессы и менторить команду дизайнеров. 

⭐️ Ты подойдёшь, если:
— Есть опыт в дизайне от 5 лет, опыт в роли арт-директора или дизайн-лида. 
— Умеешь создавать визуал, который вызывает «вау-эффект», и превращать его в продукт, работающий на бизнес. 
— Разбираешься в UX/UI, адаптивном дизайне и основах вёрстки. 
— Знаешь, как выстраивать процессы, оптимизировать работу и организовывать взаимодействие с другими командами. 

➡️ Узнать больше и откликнуться
➡️ Узнать больше и откликнуться
➡️ Узнать больше и откликнуться

🤖 Как использовать AI в дизайне через продвинутые техники промптинга

Илья Каназин и Марина Чернышова показали, как правильные промпты превращают AI из генератора случайных идей в полноценного помощника дизайнера. Разница между «Как улучшить онбординг?» и детальным запросом с контекстом может дать в 10 раз более полезный результат.

Ребята подчёркивают, что промптинг это не просто написание инструкций, а проектирование мышления. Они делятся шестью техниками, которые проверили на реальных задачах: от декомпозиции через Jobs To Be Done до симуляции кросс-функциональной команды. Каждая техника подходит для конкретных ситуаций, и их можно комбинировать как модульные инструменты.

Внутри:
– Как разбивать задачи через Jobs To Be Done с чекпоинтами для самопроверки;
– Зачем использовать Tree of Thought для UX-аудита конкурентов;
– Как превратить AI в интеллектуального оппонента через Memory Update;
– Что такое мета-промптинг и как он помогает писать промпты для UI-генераторов;
– Как проводить когнитивный walkthrough с разными типами пользователей;
– Почему мульти-роль промптинг симулирует обратную связь от всей команды.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

💡 Как внедрить дизайн-систему, когда ты единственный дизайнер

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

Главной проблемой стало отсутствие базовых инструментов: переменных, системы отступов, методологии. Она самостоятельно освоила современные возможности Figma через YouTube-ролики и эксперименты, создав Systematic Color Workflow с 400+ токенами. Правда, позже поняла, что можно было ограничиться только реально используемыми стилями и не усложнять работу фронтенда.

Внутри:
– Как создать Color Mixer для формирования консистентной палитры;
– Почему текстовый компонент может перегружать макеты при сотнях экранов;
– Зачем сразу определять правила отступов и брейкпоинты;
– Как Variants, Boolean и Auto Layout ускоряют работу;
– Почему пришлось аргументировать переход на платную версию Figma;
– Какие ошибки можно было избежать с опытным ментором.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🔔 Inspiration #156

Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥

– leseditionsbonsound.com
– tenyears.source.paris/en
– ashcamp.co
– pika.style
– stelstores.com

———

– matre.world
– geckoboard.com
– supersolid.agency
– avax.network
– headgolf.com

———

– rareassembly.com
– tracevision.com
– speakeasy.com
– play.soot.com/sootworld
– faint-film.com

———

– fridawiig.xyz
– atolldigital.com
– webflow.com
– procreate.com
– chronicles.basement.studio

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

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

Юлия Емельянова, руководитель юнита в Додо Пицце, рассказала о редизайне приложения и сайта компании. За 10 лет она прошла путь от маркетинга до лидера IT-юнита, отвечающего за приложение во всех 25+ странах присутствия сети.

Главная проблема редизайна была в отсутствии единой стратегии и устаревшей дизайн-системе. В 2023 году приложение уже не давало «вау-опыта», а конкуренты предлагали более интересные решения. Команда выбрала путь создания уникального продукта вместо инвестиций в маркетинг из-за ограниченности ресурсов. После года работы MAU вырос на 25-28%, а NPS держится на уровне 78-79%. Ключевой урок: нельзя просто взять и изменить продукт, не понимая причин его текущего состояния.

Внутри:
– Почему метафора продакта это тренер из фильма «Джентльмены»;
– Как запустили кофе «ноль четыре» без разработки через адаптацию системы учёта;
– Зачем на презентации концепта использовали шлемы и шутки;
– Почему четыре команды объединили в один юнит «Дип Эксперимент»;
– Как фрейм «интересно/не страшно» помогает принимать смелые решения;
– Почему метанавыки важнее фреймворков и CJM.

➡️ Смотреть видео

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

Как я пилю свой продукт. Часть 19.

Кто тут первый раз видит такой пост, коротко: я пилю свой сервис поиска работы с помощью нейронок. Я не разработчик и не написал ни строчки кода сам. Все сделано мной. Дизайн, фронт, бэк, админка и всё остальное) Команды у меня нет. Вы можете почитать все остальные части с самого начала и посмотреть, какой путь проделал сервис и не умер без команды разработчиков.

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

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

Это большая фича, которая требует времени, но уверен, что всё получится красиво и главное удобно. И ещё нужно переработать профиль. Так как сейчас это модалка, которую тяжело масштабировать. Нужно прийти к нормальной странице, которая может расти сколько угодно по фичам и не умереть 😱

Немного о том, что я всё-таки поделал (не так интересно, но всё же)

Оплаты в админке
Вывел в админке себе красиво графики. Теперь вижу сколько оплат по каждому дню и на какую сумму. Кстати, с момента релиза PRO версии оплат уже 150 штук. Не миллионы, но приятно. Дальше нужно растить трафик и просто продолжать) Я тот человек, что останавливаться не будет точно.

Бэкэнд
Поправил несколько технических штук, которые делали лишние запросы к БД, которые не требовались) Теперь их меньше и все работает стабильнее.

Блог
Сделал теги в блоге, чтобы можно было смотреть статьи по категориям. План — статья каждый день. Хочу посмотреть даст ли это какой-то эффект в плане роста трафика из поиска. К слову, блог показал рекорд в октябре по просмотрам. Ещё улучшил себе редактор, теперь там не прям сухой текст, а есть нормальные таблички, блоки юайные и прочее)

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

– Из гугла уже 222 000 показов за полгода и 10 800 кликов. Напомню, что я не спец в SEO, все делаю сам, изучаю сам и пилю нейронкой. CTR 4.8%
– В яндексе картинка интереснее, там 526 000 показов, но кликов 16 400 всего. CTR 3%, в целом не плохо
– Retention немного растёт и это тоже круто) То есть, многие возвращаются, каждый день
– Ну и среднее время на сайте 4 минуты, что тоже гуд, отказов 20% за все время работы

Спасибо всем, кто пишет фидбек в личку, слова благодарности и находит какие-то ошибки. И отдельное спасибо всем, кто оформил PRO подписку. Мне супер приятно! ❤️❤️

Если у вас дополнительно есть идеи по функционалу хранения / редактирования CV в профиле (чтобы было супер удобно и красиво) — пишите тоже, я открыт к предложениям! 😍

По традиции, приходите на сайт, пользуйтесь и рекомендуйте знакомым 💥

➡️ Смотреть вакансии
➡️ Смотреть вакансии
➡️ Смотреть вакансии

ч.18 | ч.20

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

💰 Как Альфа-Банк собрал миллион подписчиков на Альфа-Смарт за полгода

Булат Хазимуратов из Альфа-Банка рассказал историю создания платной подписки в мобильном банке. Задача была сложной — создать сервис, за который клиенты готовы платить ежемесячно. Решением стал не просто функционал, а полноценный брендинг с красным эмодзи и 3D-иллюстрациями, превративший подписку в особый статус клиента.

Ключевой инсайт пришёл после множества воркшопов и безумных концептов (включая механику в стиле Apple Watch). Команда поняла, что акцент нужен не на механике страницы, а на самом статусе и привилегиях. Семейный формат подписки позволил подключать ещё двух близких, усилив образ единого банка для всей семьи. За первый месяц после запуска 15 июля 2024 года подписку оформили сотни тысяч клиентов.

Внутри:
– Почему первую MVP-версию сделали сразу, но не остановились на ней;
– Как 4 месяца подготовки включали дорогие исследования и защиты перед топами;
– Зачем сделали отключение подписки всего в 2 шага вопреки опасениям;
– Какие доработки снизили отток подписчиков;
– Почему добавили два тарифа — Личный и Семейный;
– Как обошли Т-Банк в аудите Markswebb на 6 баллов.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы