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

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

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

Автор: Рустам, @baybulatovdesign
Download Telegram
Воюю тут с 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
Не зря мне СТЫДНО за ДИЗАЙН скриншотов для нашего пет-проекта, которые набросал за часа 2-3 (оправдываюсь, да).

Хотя я смотрю на это и думаю, какие тут вообще могут быть 2 часа? Наверно, потратил времени больше на подготовку к мокапам и поиск фона.

Это я вспомнил былые времена и ради интереса зашел глянуть в AppStore и вижу конверсию, которая за любой выбранный период варьируется от 0.8 до максимум 2%.

Т.е. 0.8–2% людей видят скриншоты → переходят внутрь страницы → устанавливают приложение.

Но переделывать пока не хочу, т.к. проект мы заморозили, хотя сам продукт мне нравится, вышло очень неплохо за месяц реализации (от идеи и кастдевов до запуска в AppStore).

Скачать в AppStore
3🔥1😁1🤔1
По проекту, в котором сейчас на part-time Продактом и Дизайнером таска в этом спринте за неделю – сделать редизайн всего приложения, включая проработку концепции + новые фичи.

Хардкор. Стартапы, такие стартапы... 🛞

А еще мы делаем Пивот – уходим от модели монетизации по подписке.
Но об этом пока не могу говорить.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥55
Чуть не налажали

Перед запуском на одном проекте решил проверить на всякий случай флоу.

И оказалось, что у всех ошибка на этапе ввода почты. Что очень критично, супер критично.

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

Короче, классика проектов перед релизом.
Ждем главного разработчика, чтобы пофиксить все.

почти #фейл
🤯31🔥1
Media is too big
VIEW IN TELEGRAM
Зацените, какой кайф у анимации на кнопке!

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

Лотти и ЛоттиЛаб знаю, но вот хочется потестить Rive. У них инетграций куча.

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

Кто пробовал?
3🔥2😁22
Чё-т прям вкатило, что-то на графически-плакатном.

Это я генерил стили для проекта с разными начертаниями и они наслоились друг на друга.

Вообще, я не говорил, но прям тащусь с генеративной графики. Сам хочу уметь в это, но все руки не доходят. Ноги тоже 👨‍💻
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥73
По факту это вот слои, только я уже подвинул
4🔥1