Не просто кнопки | Гоша Путилов о дизайне

⬆️ Завтра я выступаю в сообществе предпринимателей На вершину и рассказываю, где теряются конверсии в интерфейсе! Аккумулировал весь опыт со своих дизайн-разборов.

Для всех, кто придет в онлайн, я решил сделать специальное предложение:  -10% на аудит и редизайн ключевых сценариев интерфейса (подробнее о услуге вот тут: https://goshaputilov.ru/) 

Приходите послушать, даже если думаете, что всё знаете — дьявол кроется в деталях :)

📅 ЗАВТРА, 17 сентября, 16:00 по МСК

⚡️Приглашаем на эфир: «Трафик есть, заявок нет: где интерфейс съедает вашу конверсию» 17.09.2026 в 16:00 по МСК

Спикер — Гоша Путилов, руководитель дизайн-отдела в агентстве Purrweb. Лично визионировал дизайн 250+ проектов: СБЕР, Мотиваторы, Product Camp, Skuratov, Поговорим.онлайн, Thundersoft, ARHIASSISTANT, ithub.ru, SmartWay, Фармакопейка, Газстройпром. Ведущий ежемесячной рубрики UX-разборов интерфейсов стартапов в сообществе Product Radar.

На эфире разберем:
🔘Что не так с лендингами большинства стартапов;
🔘Типичные ошибки проектирования первой сессии пользователя;
🔘Дизайн с ИИ: главное правило гигиены, если только ищешь свой PMF и часто пивотишься.

Эфир проведем в TeleBoss — https://a.teleboss.ru/room/PMdXDoe6hO

🎁 Бонус от Гоши для тех, кто с нами онлайн!
Дарим –10% на дизайн-аудит всем зрителям прямого эфира.

👉Подключайся к трансляции 17 сентября, чтобы забрать скидку!

—————————
🤖 Telegram-бот который заранее напоминает об эфирах.

Записи всех прошлых эфиров и контакты спикеров собраны здесь

Все наши эфиры у вас в календаре:
Google календарь | Для остальных календарей

Подпишитесь чтобы не пропускать важное:

🟪 MAX ❤ TG 🙂 Нетворкинг

Сервисы, которые РЕАЛЬНО запоминаются

…скорее всего, будут сделаны не в Claude 😣

Я на всю жизнь, мне кажется, запомнил этот сервис для удаления фона.

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

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

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

Вообще мне очень близок dark deep design — подход на стыке UI/UX и брендинга, когда интерфейс строится вокруг единой истории, передающей характер продукта и которая транслируется через графику, цвет, тексты, механики, анимации. Такой подход мы используем на некоторых проектах в Purrweb.

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

➡️ ЧИТАТЬ СТАТЬЮ

Продакты есть в чате?

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

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

Пахнет ли это трендом?

Что меня зацепило в воронке Purrweb за последнее время

Я уже писал, что эмоциональная привязка команды к продукту — огромный бонус. Когда такая связь есть, глаза горят, идеи приходят быстрее, а проект продолжаешь крутить в голове даже после работы. Особенно круто работает, когда ты сам ЦА продукта: https://t.me/not_just_buttons/59

Собрал свои проекты-любимчики за последнее время и почему они меня зацепили ↙ 

Leejam – супер-апп для крупнейшей сети фитнес-клубов в Саудовской Аравии

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

«Богатство Сибири» — дизайн и разработка интерфейса для интерактивных столов в омской сети пельменных

Я обожаю их пельмени + это омский бренд — достаточно, чтобы неровно дышать к проекту 😍

📚 Oxuyan — азербайджанский маркетплейс экзаменов

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

Меня в этом проекте на 100% зацепил заказчик. Очень толковый и интеллигентный молодой человек — он и правда oxuyan, отлично знает свой продукт и свою аудиторию, что не часто встречаешь среди стартапов.

Сайд-проект для Zarina — дизайн и разработка мобилки

Проект с известным брендом греет душу. Здесь я тоже ЦА, так как много вещей оттуда :)

Сайт для японского гида — проект для не айтишника, я таких клиентов необъяснимо люблю

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

BLDR Dash — американский маркетплейс стройматериалов

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

А у вас какие проекты попадают в категорию любимых? Есть закономерности?

Разжуй и подай на блюдечке

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

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

Можно месяцами молча что-то чинить, спасать и улучшать, а потом услышать:

— А ты вообще что-нибудь сделал? Что-то выхлопа не видно.

И это не только карьерный совет. Продуктов он тоже касается.

Если у вас есть сильная фича, её существование должно быть ОЧЕВИДНО пользователю.

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

Вот пример, как делать не надо.

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

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

Что можно было сделать:
1️⃣ Базово: нормально рассказать, что откроется после оплаты. Хотя бы на самом пейволе или через заблокированные разделы.
2️⃣ Лучше: дать попробовать. Например, дать возможность добавить карточки и пройти упражнения для собственных слов, а затем предложить подписку, чтобы продолжить путь или расширить пул контента.

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

Иллюстрация того, о чём говорю в голосовом — с моего недавнего разбора Recca на Product Radar

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

Продукту четвёртый год. Начинался с простых рефералок — чтобы не регистрироваться в 100 чужих партнёрках, а держать все свои в одном месте. Дальше обрастал кейсами и пивотился на разные ЦА.

Пересборки были быстрыми, из-за этого в продукте много несостыковок и хвостов предыдущих версий, из-за которых он местами противоречит сам себе:

1. Тарифы
В блоке с тарифами их четыре: Startup, Solo, Pro, Business. Читаю страницу целиком — всплывает пятый, Pico. Читаю описание — «Pico даёт функции уровня Solo на 3 дня» — вопрос, а зачем их тогда разделять.
Дальше только в ЛК выясняется, что это вообще не тариф, а второй слой монетизации: подписка отдельно, деньги за разбор чатов отдельно. Возник он вместе с анализом Telegram-чатов — это внутри сервиса как бы отдельный продукт, и оплата у него своя. В лендинге обе системы стоят рядом и никак не разведены, из-за чего может возникать путаница.

2. Формулировки
Тексты на сайте не отвечают на вопросы, а добавляют новых. Один и тот же термин встречается в 3-4 вариациях. Блоки ссылаются друг на друга абстрактно.

Пример: на скрине отсылка к "графу" контактов. Выше на странице прикреплено 5 видео, в подписях которых нет ни одного упоминания слова "граф".

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

3. Разные аудитории в одной странице

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

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

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

Кто голосовал за душный профессиональный контент — получайте ⌨️

Очень важно для тех, кто пилит свой продукт с ИИшкой и часто пивотится. На 2х слушается с кайфом.

Если кто спросит, что самое важное в интерфейсе продукта, я отвечу…

ПЕРВАЯ СЕССИЯ.

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

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

Для всех тех, кто релизился на скорую руку, делал интерфейс сам, на коленке или давно не пересматривал пользовательский путь своего продукта ⬇️

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

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

Везде добавил реальные примеры до/после для наглядности 🤪

🔗 Ошибки первой сессии в продуктах

Путь к мечте

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

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

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

Мы — группа ANOVER, играем серьёзную, многожанровую и концептуальную музыку с heavy/alternative metal основой.

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

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

https://t.me/anover_band

Будет очень приятно, если поддержите ❤️

Однообразный интерфейс — симптом, а не причина

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

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

Регулярно встречаю такое при аудитах.

Пример. Приложение для изучения арабского Hob learning, делал для них экспресс-аудит.

Три важных раздела — Home, Learn и Practice. В них ещё подразделы.

Home предельно понятен: вот тебе систематизированная карта изучения языка = собранный в последовательную цепочку контент из Learn + Practice.

С двумя другими вкладками сложнее. Если наложить один экран на другой, лейаут совпадёт пиксель в пиксель. Сам контент поверхностно тоже не подскажет видимых различий. А это мы ещё не подняли вопрос, почему Discover vocabulary лежит в Practice, а не в Learn.

Короче, с первого взгляда быстро сориентироваться довольно трудно.

Что я предложил на аудите ⬇️

Переделать логику всего интерфейса. Сделать не 2, а 3 основных раздела:

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

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

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

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

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

Эксперимент, который смог

С недавних пор Claude закономерно коснулся и меня. Недавно всю ночь просидел над одной креативной темкой.

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

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

В итоге буквально написал художественный мини-рассказ 🤓

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

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

Вторая роль — это Georgy, друг Марка. Советчик и экспертная голова. Когда-то забросил приложение и прочитал анонс свежего обновления, поэтому посоветовал другу попробовать новую версию. Появляется в воспоминаниях, в которых комментирует каждый шаг Марка и сравнивает текущую и будущую версию продукта: подсвечивает старые косяки и как эксперт объясняет, почему в новой версии по-другому.

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

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

Меня экспертимент очень задрайвил. Хочу больше с подобным экспериментировать.

Что думаете, норм идея или больше за христоматийный формат разборов?

Признак того, что стратсессия прошла хорошо…

Все хуесосят предыдущую 🤝🤝

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

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

Из важного:

1️⃣ Тактика вместо стратегии. Цель на 4 года была, но на неё дружно все забили. Осталась голая прагматика на 1 год: мы офигенно прожили первый год кризиса, но ситуация будет только ухудшаться. Если удержим тот же объём выручки с учётом всех сложностей рынка — мы все будем счастливы.

2️⃣ Меньший состав участников. В прошлом году были представители всех отделов. В итоге половина людей оставалась безучастной. В этом году собрали фокус-группу, самых ключевых представителей производства, продаж и маркетинга, которые уже знают сильные стороны друг друга, уже сыграны и уже до стратсессии вместе работали над тем, чтобы у нас была выручка. Это экономило кучу времени и повышало качество идей.

3️⃣ Наконец-то все дружно признали, что нужно качать маркетинг и отстать от производства. Лидген и продажи — то, о чём должны системно думать все. Половину стратсессии генерили гипотезы именно в этой плоскости.

4️⃣ Маркетинговые инициативы впервые потоком шли от людей, которые обычно сидят сугубо в производстве. Так, топы продакшна всерьез обсуждали рилсики и тикитоки, руководитель сис. аналитиков взял на себя авторство в экспертных статьях, а СТО пошел возрождать наш апворк. Ради общей цели мы размыли границы и это круто.

Что в итоге? 🤔
Каждый придумал себе личный проект по лидогенерации, который он будет развивать — массово такого не было никогда.

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

Вспомним этот пост через год — надеюсь, что в следующем году я забракую и эту стратсессию тоже :)

❓ ❓ ❓

Ребята, которые участвуют в стратсессиях, как они проходят у вас? Экспериментируете ли с форматами каждый год? Как оцениваете эффективность? Как в идеале видите стратсессию? Можете прислать пост из своего тгк, с удовольствием почитаю)