Закулисье дизайна: UI, UX, Продуктовый дизайн, AI (ИИ)
176 subscribers
333 photos
40 videos
145 links
Честное закулисье дизайн-процесса без прикрас – с фейлами, трудностями, успехами.

UI/UX, продуктовый дизайн
https://baybulatov.framer.website

9 лет коммерческого опыта в дизайне продуктов с нуля до продакшна и поддержки

Автор: Рустам, @baybulatovdesign
Download Telegram
Такой вот проект,
слой номер 1,197,040,820.

Это еще не финал.
4👏3
Офигеть!

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

Договорились на $1,600, а уже выходит по факту на $4,200+.

В итоге в минусе на $2,600, а проект еще не закончился...

Потому что сильно погрузился в проект и начал идей накидывать и сразу их реализовывать.
🤯5
This media is not supported in your browser
VIEW IN TELEGRAM
😁2
This media is not supported in your browser
VIEW IN TELEGRAM
Монтировал рилс в инсту и понадобился счетчик времени от 3 до 1.

Нашел туториал, где дали экспрешн, но он не сработал, да и формат не подошел.

Пошел в GPT и попросил его сгенерить. Все сработало.

Кстати, собираю потихоньку статью, где и как я применяю ИИ в дизайне.

Вообще, почему-то статьи у меня сильно стопятся в написании. Уже столько драфтов и почти ни одна на дошла до постинга. Надо что-то с этим делать.

А поддержать мой первый рилс со скетчем можно тут – https://www.instagram.com/onpape
3🔥2
Закулисье дизайна: UI, UX, Продуктовый дизайн, AI (ИИ)
Монтировал рилс в инсту и понадобился счетчик времени от 3 до 1. Нашел туториал, где дали экспрешн, но он не сработал, да и формат не подошел. Пошел в GPT и попросил его сгенерить. Все сработало. Кстати, собираю потихоньку статью, где и как я применяю…
Счетчик, кстати, добавил, чтобы люди при быстром сканировании его увидели и не подумали, что будет просто зум и не пролистали вниз.

Короче, попытка удержать сверх-хрупкое внимание юзеров инсты. Надо учиться всяким хукам и пр.
🤔32
Интересно, какая у меня аудитория сейчас.
Кто понял, о чем я выше сказал? Знаете, что такое expressions в After Effects?
Anonymous Poll
27%
Понял
59%
Не понял
14%
50/50
This media is not supported in your browser
VIEW IN TELEGRAM
А твиттер здоров придумал, как оставить включенным оповещения на рекламу 😏

Но на самом деле думаю, что этот момент не учли в верстке. Хотя, кто их знает...

@deback
😁2
Про обновления фигмы, думаю, уже все слышали.

Но вот, оказывается, еще появился раздел курсов:
✦ Фигма для новчиков
✦ Введение в Дизайн-системы
✦ Создание своего плагина (как раз недавно пытался сделать плагин и не получилось пока)

Все курсы Фигмы

@deback
🔥5
Воюю тут с v0.dev.

Сервис, который делает верстку по промпту и/или прикладыванию макета из фигмы.

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

Рассказывать про мои попытки вайбкодить – ставьте ⚡️
Please open Telegram to view this post
VIEW IN TELEGRAM
62
Работаю над 4ой версией своего сайта, пока двигаюсь медленно из-за проектов, но, думаю, верно.

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

Я нашел, наконец стиль, в котором буду двигаться, это облегчило мне первый шаг – начать.
Но хотелось бы ещё продумать над селф-брендом и его интеграцией на все площадки.
🔥6221
Закулисье дизайна: UI, UX, Продуктовый дизайн, AI (ИИ)
Воюю тут с v0.dev. Сервис, который делает верстку по промпту и/или прикладыванию макета из фигмы. Даже из фигмы не воспринимает так, как надо. Прям беда. Изучаю. Рассказывать про мои попытки вайбкодить – ставьте ⚡️
Пообщался с человеком, который тоже начинал на Vercel.
Порекомендовал уйти на Cursor с моделью обработки Claude Sonnet и там все делать, т.к. он раз в 50 лучше.

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

В итоге выгружу проект из Vercel и перенесу на Сursor. И расскажу, как там дело обстоит с логикой и переносом дизайна.

#вайбкодинг @deback
3🤯1
This media is not supported in your browser
VIEW IN TELEGRAM
Вчера был выходной, но с ноутбуком на несколько часов – решил продолжить обновлять свой сайт.

Люблю стикеры, поэтому решил поместить их на сайт. Ну а т.к. некоторые стикеры это формат tgs (векторый формат анимации, который кушает Телеграм), то надо было конвертить tgs в gif и я нашел решение
https://ezgif.com/tgs-to-gif

Как сделать:
✦ Отправить стикер себе или в чате
✦ Нажить Save As... → Сохранить
✦ Зайти на сайт, загрузить и выбрать нужный FPS
✦ Все, пушка, топ, работает – загружайте, куда надо, в т.ч. в Notion тоже сработает.

#тулзы @deback
22
Я тут пишу статью про то, почему дизайнеры откладываю сделать себе сайт и портфолио.

Какие у вас мысли? Не дизайнерам тоже велкам в комменты 👇

@deback
1🤔1
Сидел вручную в код сайта залезал, чтобы скачать SVG логотипов.
Потом вспомнил, что есть плагин HTML to Design, который переводит сайт в Фигма-макет.

Там я все и забрал и раскидал по компонентам.

Пользуйтесь – плагин html.to.design

@deback
5🔥2
Есть апдейт, гайс.

Я заступаю на роль продакта + продуктового дизайнера на парт-тайм на 3 месяца со смелым KPI.

Сыкотно, честно говоря брать на себя роль еще и продакта и отвечать за доход от проекта, но интересно + это рост.

У меня есть девиз, которому стараюсь всегда следовать – В тихом море не станешь опытным моряком.

Вообще давно хотел выйти на тот уровень, где отвечать буду не только за дизайн.
6🔥53
Закулисье дизайна: UI, UX, Продуктовый дизайн, AI (ИИ)
Есть апдейт, гайс. Я заступаю на роль продакта + продуктового дизайнера на парт-тайм на 3 месяца со смелым KPI. Сыкотно, честно говоря брать на себя роль еще и продакта и отвечать за доход от проекта, но интересно + это рост. У меня есть девиз, которому…
А еще в течение недели выкачу, наконец, свой сайт, который теперь не стыдно показывать.

Не финальная версия: есть, что улучшать, но решил двигаться итерационно, чем вылизывать несколько месяцев.

🛞
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥82
Мне нужны ваши незамыленные глаза
👁🫧👁

Почти доделал свой сайт 🎉

Протестите, плиз, отпишите и по дизайну и по смыслам, и по навигации, да и вообще
https://baybulatov.framer.website/?ref=telegram.org

Можете прям тут в комментах отписать.

Двигаюсь итерациями. Следующий план такой:
1. Увеличить области ссылок
2. Сделать меню на мобильном, т.к. пока только на десктопе есть
3. Обосновать на примерах свой business-mindset
4. Сделать анимации на обложках проекта
5. Сделать детальные страницы кейсов
6. Добавить отдельную страницу, где расскажу про музыку, которую люблю и пр., т.к. хочется показать не только профессиональную сторону, но и личную. Цель – сделать живой сайт, не безликий.
7. Сделать страницу Open to Hire, где расскажу, какие компании я ищу
8. Сделать страницу с Дизайн-Манифестом

Если есть еще идеи, как оживить сайт – давайте брейнштормить в комментах 💡

P.S. Из РФ, возможно, надо будет открыть с ВПН.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥52
📃 Мой шаблон Резюме

Моим преданным и недавно присоединившимся подписчикам даю свой шаблон резюме, который как-то собрал несколько месяцев назад
https://www.figma.com/design/29rT0XPhCGjcL1pfRJNHnj/CV-Template.-Rustam-Baybulatov?m=auto&t=o4Y2P945FbCwD1cj-6

@deback
5🍾21
Вчера провели спринт-колл с командой по проекту, на который я устроился на парт-тайм продактом и дизайнером. Решали, что делать в этом спринте.

В итоге поняли, что всем нужна матрица приоритезации задач – видеть, что делаем, зачем и насколько это важно сейчас + оценка усилий к задаче.

Предложили методологию ICE.
Про нее, помню, писали на канале Ozon Design
тут пост
и тут тоже

@deback #продакт
31