дизайн овчарка
1.11K subscribers
230 photos
50 videos
9 files
152 links
дизайнер @alfabank / пишу про дизайн, разработку, автоматизацию рутины и просто жизнь
Download Telegram
Да да айфон дуо или что-то там вишнёвое, очень интересно
😁15💯3❤1🥰1
This media is not supported in your browser
VIEW IN TELEGRAM
Меня уже второй день не отпускает идея, которую я собрал в чате с нейронкой

Всё началось с мыслеклише из соцсетей: «Если тебя прямо сейчас телепортировать в прошлое, сможешь ли ты чему-то научить людей?»

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

Я превратил этот концепт в суровый историко-инженерный симулятор

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

Никаких подсказок, готовых «списков лута» или додумываний за тебя — только чистая физика, логистика и твоя смекалка

За последние два дня я уже успел:

Порт-Ройял (1692): Спасал выживших из воды после разрушительного землетрясения и цунами.

Мохенджо-Даро (2500 до н.э.): Выстраивал стандарт обжига водонепроницаемых кирпичей и делал гидроизоляцию из битума.

Трансконтинентальная ж/д (1869): Прорабатывал первые пневматические тормоза для поездов, чтобы они не слетали с рельс в горах.

Лондон (1828): Сдерживал прорыв речного ила при проходке туннеля Марка Брюнеля под Темзой.

Осажденный Ленинград (1942): Искал способ подать воду на хлебозаводы при −30 °C и замерзшем водопроводе.

Это идеальный «вайтборд для мозга» на вечер — размять инженерию, проверить логику и узнать, как реальные люди решали эти задачи в истории.

Просто попробуйте затестить скилл, затягивает капец

Системный промпт для игры я прикрепил в комментах (скопируйте текст из него или просто отправьте в Gemini, ChatGPT или Claude)

Делитесь обратной связью, очень интересно почитать как вам)
🔥23👍2👏1
дизайн овчарка
Мастер-плагин: объединяем инструменты в единую экосистему Недавно у моего коллеги возникла идея: вместо того чтобы множить плагины, которые сложно искать, запоминать и поддерживать, лучше собрать всё в одну сущность, управляемую из одного файла и одного места…
Мастер-плагин прилично так подрос

В целом это самая большая сущность которую я собираю в фигме, вот они слева направо:

1. AI генератор макетов по промту. В этом вопросе я уже достаточно сильно продвинулся, всё топ

2. Генератор Bento (пока думаю ещё нужен он или нет)

3. Типограф, редактор текста кароче под нашу редакционную политику

4. Дизайн-чекер, проверит за тебя ошибки в макете, поможет исправить

5. Сборщик, помогает выгружать, переминовывать и складывать картинки из макета рядом с ним

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

7. Дизайн-ревьер, штука которая помогает сравнивать прод и макет и быстро находить несоответствия

В общем эта атомная смесь убьёт все наши текущие плагины и по идее сможет работать как дополнительная часть к основной панели в Figma

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

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

А я напоминаю вам, что есть большая разница между плохим и хорошим портфолио

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

Угадаете что делает кнопка Hello?

🔥 — раскрывает наполнение сайта
❤️ — показывает ссылки на соц сети
😍 — ведёт на почту

#плохоехорошеепортфолио
😍21🔥9❤5❤‍🔥1🤣1
Отвечайте в Jira правильно
😁20❤‍🔥2
Катнул первую версию обратки

Постараюсь завтра и в выходные поревьюить ваши портфолио, поэтому, если буду не занят и увижу свободный слот, обязательно оставлю обратную связь

Ссылочка на сайт — https://obratka.net/
Реферальный код для вас — D2QQSML743

Пожалуйста кто уже зарегался, пройдите опрос — https://t.me/obratka_dsgn/16
🔥9👏2
дизайн овчарка
Я пытаюсь создать AI Design Knowledge Base Все накопившиеся знания по дизайну сайта нашего банка в единой базе. Токены, документацию, компоненты, виджеты, исключения и многое другое. Всё это для того, чтобы собирать типовые страницы по промту. —————————…
This media is not supported in your browser
VIEW IN TELEGRAM
Вот во что превращается моя AI Design Knowledge Base

Сейчас это нейрослоповая промежуточная версия, к которой я уже прикрутил AI и собранную мной с нуля базу знаний; иду к целевому виду

Взял в напарники Аню, которая сейчас помогает рисовать UI для нового плагина, я тем временем обогащаю базу

Следующий дроп сюда уже прям целевой, красота же? 👍🏼

🔥 — Ну имба
❤️ — Аня огонь, интересно посмотреть что нарисует
😍 — Интересно узнать как это устроено

#AIDesignKnowledgeBase
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥14❤7😍6
This media is not supported in your browser
VIEW IN TELEGRAM
Попробовал платную подписку на claude

Дали стартовые $100, попробую разобраться на что он в целом способен, стоит ли уходить с Cursor
❤8❤‍🔥3🔥2👏1
А/Б тест который мы заслужили
🤣30😁8❤2
Вы не поверите. Кое-что совершенно случайно попало мне в руки

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

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

Автор портфолио работает в Google, ex-Apple
Как думаете, есть ли что-то ещё на сайте?

🔥 — Нет
❤️ — Нет
😍 — Я вижу белый текст

#плохоехорошеепортфолио
😍15🔥7😁7🤣1
дизайн овчарка
На следующей неделе я покажу большую презу о нашем эксперименте целому руководителю всей дирекции сайта. К моей суете подключились архитектор, лиды дизайна и техлид фронтов. Легендарно
Как-то обещал вам статью на тему того, что мы там за эксперимент проводили, но в моменте она утонула в сотне согласований, а моё желание добивать всё это утонуло вместе с ней. Поэтому кратко расскажу

Мы провели исследования с помощью навайбкоженного прототипа. Сейчас этим уже никого особо не удивишь. Но в моменте у меня появилась идея: а что, если такой прототип запихнуть прямо на сайт и начать проводить с его помощью А/Б-тесты?

Предположим, есть команды, в которых банально нет фронтендеров, и поэтому собрать что-то уникальное они просто не могут. А ведь было бы круто, если бы продакт и дизайнер сами могли собрать какой-нибудь калькулятор или новый виджет как гипотезу, провести А/Б-тест, получить результаты и уже с ними пойти к бизнесу:

«Вот, смотрите, мы не просто пришли с идеей и гипотезой. Мы уже принесли протестированное решение. Дайте денег — будем нормально реализовывать».

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

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

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

Что-то из разряда: «Мы такое решение и так реализуем в следующем году, зачем вам сейчас этим заниматься?» — плюс много других тейков в духе «не надо вайбкода на проде»

В итоге идею забрили. Ничего страшного, такое бывает

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

Моя реакция была примерно такая:

«Ага, понятно. То есть если у тебя есть команда и ресурсы — можно. А если ты просто дизайнер, то иди гуляй» 😁

И вот такое тоже бывает

Так что знайте: технически я, похоже, первый человек, который поставил навайбкоженный виджет на прод на сайте Альфы 😁
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥12❤‍🔥6👏2😁1
А я закончил портфолио 😀

Чёт в одном из последних постов меня пристыдила Наринэ, а я человек простой, пошёл и за два вечера сделал с нуля

Щас вот как зарплату получу, да куплю домен 😂
Please open Telegram to view this post
VIEW IN TELEGRAM
❤19🔥6🤣2
This media is not supported in your browser
VIEW IN TELEGRAM
Мне очень понравился новый редизайн Т-Банка, ребята хорошо постарались

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

Да и банк больше похож на банк, нежели на какую-то витрину из партнёров

Интересно, как им удалось проработать вопрос спора с заинтересованными сторонами. Главная — обычно общая территория, и там начинаются лютые замесы за место повыше

Много ли было концептов? Много согласующих сторон? Как удалось доказать, что сторисы не эффективны бизнесу и маркетингу? Это ведь ещё один 100%-ный канал продаж, за который кровь из носа будут отбиваться. Короче, процессных вопросов много. Если попадётся кейс, буду рад почитать опыт ребят

Как я когда-то предполагал и продвигал, всё идёт в сторону персонализации. Думаю, что скоро у каждого начнут заезжать персонализированные главные экраны, и это станет нормой, наконец-таки. Скучаю по мобилке 😀

Большие молодцы, выглядит чисто
Please open Telegram to view this post
VIEW IN TELEGRAM
❤24❤‍🔥5🔥2😁2👎1🤣1
Ну вот…

признавайтесь кто выкупил домен который я хотел под портфолио забрать 😠😡😡
Please open Telegram to view this post
VIEW IN TELEGRAM
😁10🤣4
Интересно, как там сегодня дела у тех, кто покупал NFT обезьян за сотни тысяч долларов?
😁18💯2❤1
дизайн овчарка
Вот во что превращается моя AI Design Knowledge Base Сейчас это нейрослоповая промежуточная версия, к которой я уже прикрутил AI и собранную мной с нуля базу знаний; иду к целевому виду Взял в напарники Аню, которая сейчас помогает рисовать UI для нового…
Жесть, вчера замерял скорость работы плагина

Взял БТ и чёткие правила. Никакого продуктового мышления, креатива или попыток сделать лучше — только базовая сборка по заданным требованиям, на самых простых примитивах

1. Копировал БТ как есть
2. Не продумывал сторителлинг
3. Не подбирал виджеты
4. Просто соблюдал гайды и правила ДС

Само БТ уже старенькое, структура максимально простая: «Блок 1 — бла-бла, блок 2 — бла-бла» и так далее

На ручную сборку десктопа и мобилки ушло — 15 минут 42 секунды
Затем прогнал то же самое БТ через AI — 4 минуты 51 секунду

В итоге AI справился в 3,2 раза быстрее и сборка выглядела более разнообразной, поскольку там юзались шаблоны блоков собранных ранее

#AIDesignKnowledgeBase
❤6🔥4❤‍🔥2
На что я обратил внимание, пока собирал портфолио?

1. Бренд часто кричит громче кейса

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

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

2. Я хрен его знает, как сейчас вообще устроен отбор дизайнеров

Если с кейсами всё более-менее понятно, то что делать с огромным разнообразием главных страниц портфолио?

Раньше всё было проще. Возьмём тот же Notion, там блочная структура, знакомые паттерны, предсказуемая навигация. Не работает твой Notion? Созвонись с тем, у кого работает, и попробуй понять, что не так

Сейчас же кто-то делает портфолио на чистом HTML, вау ты такой нишевый

Кто-то использует брутализм, кто-то — экспериментальную типографику, кто-то уходит в digital brutalism, anti-design или вообще собирает сайт как интерактивный арт-объект. И ты снова такой, вау вы не такие как все

А кто-то делает минималистичный сайт, где есть только имя, пара строк текста и ссылка на кейсы. И это тоже может выглядеть хорошо

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

И это только начало. Получается, нанимающий тратит когнитивные ресурсы не на оценку твоего опыта и решений, а на изучение интерфейса, через который ты этот опыт показываешь

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

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

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

А теперь вопрос, как вообще понять, что не так с твоим портфолио? Дело в кейсах или в главной странице? В недостатке визуального качества или в том, что нанимающий просто не разобрался в навигации?

И насколько вообще усложнилась работа нанимающих, которым теперь нужно отсматривать десятки совершенно разных сайтов, каждый со своей логикой, визуальным языком и паттернами взаимодействия?

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

Кароче, соберу нишевый сайт на голом HTML и больше никогда не буду онлайн
💯14🔥11👍6❤2
Как дизайнер разговаривает с разрабом после бума вайбкодинга, когда тот сказал: «Такое не сможем реализовать»
This media is not supported in your browser
VIEW IN TELEGRAM
🤣16😁2💯2
Я советую вам потыкать, пока бесплатно

В разборе слабых мест портфолио очень важно сравнение. И, конечно же, когда к клоду можно подрубить базу из 1k+ портфолио, это не может не радовать

Моя честная рекомендасьон 👇

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

Конечно же, никто там ничего не выдумывал. Если чего-то не хватало, я смело писал, что этих данных у меня нет или эту тему я не затрагивал

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

Просто дополнительный ресерч и ревью вашего фолио. Попробуйте, это не сложно

ссылка на mcp
Please open Telegram to view this post
VIEW IN TELEGRAM
100❤14🔥7
Видели это видео? ИИ рекрутёр собесит ИИ кандидата

Блин, весь вайб собеседований так потеряем совсем с этими оптимизациями

Вы знали что есть лиды / хэды которые прогоняют ваше портфолио через нейронки?

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

Всего пару лет назад можно было палиться на том что ты что-то преукрасил в портфолио если твой сторителлинг непоследовательный. Легко увидеть отсутствие реального опыта

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

Сейчас же, ты можешь докрутить недостаток опыта через клод, а клод нанимающего считает всё это как хороший опыт 😁

Пи%дец, минус вайб, в страшные времена живём

Как говорил Синдром из суперсемейки: «And when everyone’s super... no one will be»
Please open Telegram to view this post
VIEW IN TELEGRAM
💯13🔥4😁1