дизайн овчарка
1.12K subscribers
230 photos
50 videos
9 files
152 links
дизайнер @alfabank / пишу про дизайн, разработку, автоматизацию рутины и просто жизнь
Download Telegram
Принимаю поздравления — сегодня последний респондент дотыкает мой прототип, собранный с нуля за 2 дня на базе Figma + vibe coding

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

Но пока собираю данные, фиксирую подводные камни и нюансы. Если я не встречу сопротивления, то, уверяю вас, это будет кейс не в стиле «вау, мы ускорили исследования на 100% с помощью GPT», а огромная экономия ресурсов и денег. Это какая-то новая лига

Кажется, мы будем первыми, кто откроет этот ящик Пандоры
🔥19❤8👏3🤣1
This media is not supported in your browser
VIEW IN TELEGRAM
В выходные собрал такую штуку

В админке добавил свитчер для переключения аккаунта с обычного на Pro. Работает в режиме онлайн, уже тестирую

Кратко
Суть в том, чтобы навешивать этот функционал на какие-то новые фичи и собирать деньги на развитие

Как работает
Если аккаунт обычный — Paywall. Если есть Pro — заходи без проблем

На видео
Слева кусочек админки в режиме онлайн, справа — приложение
🔥9👏3
дизайн овчарка
В выходные собрал такую штуку В админке добавил свитчер для переключения аккаунта с обычного на Pro. Работает в режиме онлайн, уже тестирую Кратко Суть в том, чтобы навешивать этот функционал на какие-то новые фичи и собирать деньги на развитие Как работает…
В догонку к посту: почему я вообще решил попробовать создать Pro-аккаунт?

Ради теста подключил несколько донат-платформ в свой Telegram-мини-апп, за несколько дней набрал более 3000 рублей

Не знаю, почему отображается «За всё время», но там ниже есть ещё пополнения, в общей сумме около 3900 на текущий момент

Последний TikTok опять взлетел, пользователи начали прибавляться

Решил попробовать монетизировать платный контент, поэтому начал с такого функционала Pro

По задумке — больше авторского контента об истории, культуре и несколько крутых игр на запоминание

Но на текущий момент можно сказать, что мой пет-проект сам себя обеспечивает: за несколько дней я заработал на два года аренды хостинга 😁
❤‍🔥14👏6❤3
дизайн овчарка
Принимаю поздравления — сегодня последний респондент дотыкает мой прототип, собранный с нуля за 2 дня на базе Figma + vibe coding Очень хочется уже рассказать про этот эксперимент, но пока не могу. Но пост я пишу не для того, чтобы рассказать про прототип…
Чисто оффтоп

Вчераааа таккиииих пи**юлей за это получили ахаха, легендарно 😁

Тех лид сайта похвалил за идею, сказал, что всё очень мощно и круто, обещал две недельки взять на ресерчи со своей стороны

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

В любом случае, если идея выгорит или заведётся, то я рано или поздно поделюсь
😁17
дизайн овчарка
Я собрал 2345 стартапов в одной базе Помните я говорил о большом проекте которым я занимаюсь? Так это вот он Идея: упростить и ускорить проверку стартап-идей. По идее это дешевле чем дискавери и сборка разного рода тестов Сейчас запускать продукты стало…
Итогом собрал 30 имейлов, слабовато, тут ничего не скажешь 🤡

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

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

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

Сейчас топаю на двухчасовой вебинар по Cursor от Альфа-Банка, с кайфом посмотрю, что можно вытащить для себя нового, и затем постараюсь влить это в выпуск по вайбкодингу. Мы кстати уже отснялись, надо просто найти время смонтировать видос. Постараюсь ближе к выходным всё добить, и уже буду готовить выпуск к релизу
Please open Telegram to view this post
VIEW IN TELEGRAM
❤8👍2🔥2💯2
Media is too big
VIEW IN TELEGRAM
ШОК, ускорил разработку контента в 1000 раз

Лицо показываю и голосом рассказываю как я упростил себе рутину
🔥15❤7👍3
Читаю сейчас книгу «Эмоциональный дизайн» Аарона Уолтера

Там представлена интересная пирамида на основе пирамиды Маслоу, где эмоциональный дизайн находится на самом верху, после удобства

Сама книга в целом нормальная. Прочитал пока 1/3, но вижу, что интерфейсные книги очень быстро устаревают: примеры буквально с сайтов 2000-х годов

Как думаете, справедливо?
💯12💔3❤1
дизайн овчарка
Плагин чутка подрос и готовится к релизу версии 2.0 Сегодня смотрели его на синке с лидами. На ближайшей встрече буду показывать всем дизайнерам, соберу фидбек. После синка получилось сделать его удобнее — сам пользуюсь, нравится! Приятно было услышать от…
This media is not supported in your browser
VIEW IN TELEGRAM
Плагин версия 3.0

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

При создании макетов нужно постоянно выгружать картинки для последующей сборки контента. Для этого у нас есть своя Альфа-админка.

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

Это занимает просто охренеть сколько времени.

Ещё есть такая боль, как «Примерка». Это когда мы собираем макет с мастерами и инструкциями рядом для маркетинга, где они рисуют картинки для макета и вкладывают их в секции. Инструкции порой бывают очень подробными, потому что маркетинг плохо работает с Figma.

Меня это всё порядком подза… надоело. Так и родился он…

НАЗВАНИЕ НЕ ПРИДУМАЛ 🎁

Как он работает:

1. Выделяете фрейм или компонент
2. Выбираете нужную опцию — «Примерка» или «Сборка»
3. Нажимаете кнопку «Запустить» и ждёте результата

Что в это время делает плагин:

1. Определяет, десктоп это или мобилка
2. Ищет все необходимые изображения в выделенном файле, игнорируя скрытые
3. Собирает список и выводит отдельную секцию с названием выбранного фрейма
4. Внутрь кладёт мастера всех изображений, а их копии возвращает на места, откуда они были взяты
5. Соблюдает нейминг и семантику всех фреймов для изображений. Семантика легко поддерживается админкой
6. Вытаскивает картинки сверху вниз, слева направо. Порядок чётко соблюдается и при выгрузке на компьютер
7. Для «Примерки» дополнительно создаёт подсказки для маркетинга, размеры и поле для комментариев дизайнера

Для ребят это подарок, завтра буду показывать и потом катить. А ещё покажем его на ежемесячном дизайн митапе Альфы.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8❤4👏3
Разница между плохим и хорошим портфолио

Плохое — ваше
Хорошее — на скриншоте

Делайте выводы 😁

#плохоехорошеепортфолио
😁30🔥5
дизайн овчарка
Чисто оффтоп Вчераааа таккиииих пи**юлей за это получили ахаха, легендарно 😁 Тех лид сайта похвалил за идею, сказал, что всё очень мощно и круто, обещал две недельки взять на ресерчи со своей стороны Но за смелый эксперимент таккккких пи**юлей схватили…
На следующей неделе я покажу большую презу о нашем эксперименте целому руководителю всей дирекции сайта. К моей суете подключились архитектор, лиды дизайна и техлид фронтов. Легендарно
🔥16👏5❤‍🔥3
Сколько времени у вас уходит на сборку прототипа?

Не такого, где мы с одной кнопки в другую прыгаем, а какого-то достаточно сложного, анимированного, с кучей логики и данных. Допустим, калькулятора

Раньше я бы сказал, что не меньше недели

Cобрать всё это в Фигме практически нереально даже сейчас, учитывая переменные, а собирать в каком-нибудь ProtoPie — нужно кучу времени. Что-то собрать можно, но, опять же, нужен большой багаж знаний, чтобы понимать, как связать одно с другим

Вот недавно запала задачка по сборке калькулятора для исследований. Я такой сел и думаю: блэт, а в Фигме это вообще реально? Много ли времени у меня на это уйдёт?

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

Это бы не погрузило пользователя в калькуляцию целиком, а собирать всю логику калька, которую собирали не меньше квартала, как будто самоубийство

А дай-ка попробую в Figma Make накидать прототип и пошлифовать его там, глядишь, чего и получится

4 часа мать его и всё 👎

Буквально за 3–4 часа шлифующих промтов я собрал практически на 95% рабочий калькулятор со всеми формулами и зависимостями для исследований
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥17❤2
Ставки и комиссии больше не мотиватор?

Недавно прочитал пост Сергея Мекрюкова, в котором он поделился планами вхождения банков в новую эру

Финтех → Фантех

Очень сильно зацепился глаз за строчку о ставках, хотел бы высказаться и узнать ваше мнение

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

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

Конечно, существует множество споров касательно того, как замерять эту эмоциональность и уместно ли её использовать

Там в комментариях разразилась целая битва за уместность всего этого в банке

Моё мнение на основе разных исследований с пользователями из регионов: понимаю, что в банковском секторе ставки и комиссии никогда не перестанут быть мотиватором

Ниже Сергей привёл пример с волшебной палочкой, которой можно провести оплату

По моему, эти маркетинговые штуки работают только временно, пока есть хайп и интерес, как, например, оплата с помощью Лабубу в Альфе

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

Банк лезет к человеку в карман, но взамен предлагает «прикольность», но за это его дети покушают меньше, чем могли бы

Люди часто открыто на исследованиях говорят о том, что ищут способы платить меньше комиссий банку, меньше налогов. Понятное дело, все люди хотят приносить больше денег домой, меньше отдавать их кому-то, это супер очевидно и справедливо

Банк — это в первую очередь про безопасность, тут я соглашусь с большинством комментаторов

Во вторую — про необходимость. В современном мире я не могу не пользоваться каким-то из банков: мир вынуждает и подталкивает

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

В целом это огромный вызов для Сергея и для нас как для ребят, что работают в банке, — создать новый тренд на рынке Финтеха, который в конечном итоге станет требованием к качеству всех банков

Что думаете по этому поводу?
5🔥12💯2❤1👏1
Забежали в «Додо» перекусить, предложили потыкать новый терминал для заказа

В целом нормально, но опять эмоциональность перекрыла обычную здравую UX-логику

На финише, при нажатии на кнопку оплаты, выскочил еле заметный за всей летающей мишурой тост с ошибкой

Я заметил этот тост только с третьего раза, так как взгляд сосредоточен вниз, на кнопку оплаты, а тост еле виден в самом верху

Продукт сейчас недоступен

Какой? Это еда? Это способ оплаты? Что мне делать?

Как думаете, что нужно сделать?
Ответ закину в комментарии
5👍10💯7💔5
Channel photo updated
Вайбкодинг → Вайбэлектринг

Недавно поставил кондёр дома, работает на удлинителе. Опыта в электрике примерно ноль, но удлинитель капец бесил

Решил попробовать через Gemini. Без мемов не обошлось

Гемини присоветовал мне взять «прочный толстый чёрный кабель», который по гибкости напоминал лом. Я его еле проложил, а в розетку он вообще лезть отказался

Спрашиваю его: «а, полегче и погибче можно было?»

А он мне: «Ой, сорян, ты прав. Сходи купи белый гибкий провод, вот тебе название»

Довайбкодился…

В обычной жизни я бы просто нажал Ctrl+Z или Enter для багфикса, а тут пришлось топать за новым кабелем на другой конец города. Ногами…

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

Правда, инструмента пока для закрепления розетки нет — висит как сопля 😁
❤8😁7🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
🔥17❤3👏2
⛏️ Вайбкодинг УЖЕ МЕНЯЕТ профессию продуктового дизайнера

Пока одни спорят, заменят ли нейросети дизайнеров, другие берут Cursor + Claude и в одиночку запускают работающие продукты с базой пользователей и кастомными админками

Это и есть вайбкодинг — новый супернавык, который прямо сейчас трансформирует индустрию 💎

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

💎 Смотреть на YouTube
💎 Смотреть на YouTube
💎 Смотреть на YouTube
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥15❤4🤣3👏1
Media is too big
VIEW IN TELEGRAM
Подёргиваем
🔥7❤1👎1