Когда в последний раз ты был доволен своим дизайном после верстки?

Открываешь Тильду и понеслась: блоки едут, адаптив ломается, шрифт «не тот», гридов нет, сайт грузится вечность. Получается, ты — вроде дизайнер, но с вайбом верстальщика на костылях. Пора с этим завязывать. Приходи на бесплатный курс по🎁Taptop от Pixel Perfect — визуальному редактору кода, где: – Адаптив резиновый, ничего не едет – Гриды и автолэйауты как в Figma – Анимации без кода, но как в After Effects – Код чистый, сайт летает – CMS встроены, можно сразу заливать контент 📅 5–10 июня, онлайн Ты соберёшь сайт-портфолио (как на гифке), прокачаешь базу Taptop и получишь сильное УТП: «Я сам делаю проект от идеи до финала» Если сдашь все домашки, попадешь в розыгрыш iPhone 16📱 Участников ~100, шанс выиграть высокий. Записывайся, пока есть места: https://t.me/pxp_reg_bot?start=id463048408

Всем привет, дорогие читатели!

С вами Катя Громова. Всё ещё путешествую руковожу командой продуктового дизайна в Путешествиях. За время работы в Ozon я накопила многогранный опыт, начала с демо-версии и до сих пор прохожу игру без чит-кодов. Моя статья — не какое-то руководство к действию, а лишь наблюдения и выводы о том, что вырасти в одной компании реально. Эта статья — микро-гайд, который подскажет вам, как себя вести, если вы только пришли в команду или уже не первый год работаете и хотите двигаться в сторону руководства, но не уверены, нужно ли вам это. Из статьи вы узнаете: — Способен ли я руководить — Что нужно развивать в себе, пока ты ещё не руководитель — Как научить мыслить дизайном продукт и бизнес — несколько правил — Черты характера руководителя — Золотые правила, как достичь цели Ну что, готовы? Тогда — поехали! ⚡️Отправляемся в путь!
Изображение поста

привет, это андрей, редактор duo, и сегодня я поделюсь идеями, как необычно и эффективно прокачать своё дизайн-портфолио 📁

☕︎ ❁ альтернативные версии привычных сервисов возьми знакомое приложение вроде spotify и переделай его под новые условия. например, сделай версию для пожилых пользователей или для работы в офлайне. покажи, какие метрики ты улучшил/а и почему это важно. ❁ дизайн из будущего представь, как будет выглядеть твой любимый сервис в 2050 году. спроектируй интерфейс, исходя из новых технологий и привычек. но не улетай слишком далеко — добавь реалистичную дорожную карту и покажи какие части этой идеи можно внедрить уже сейчас. ❁ ограничения как движок креатива придумай задачу с жёстким ограничением — например, использовать только один цвет или обойтись без иконок. такие рамки часто вытаскивают неожиданные решения. важно показать, какие выводы ты сделал/а из эксперимента. ❁ публичные эксперименты устраивай открытые марафоны — например, «30 экранов за 30 дней». каждый день бери одну гипотезу и тестируй её. выкладывай процесс в соцсетки, комментируй, что сработало, а что нет. а ещё будет классно, если к тебе кто-нибудь присоединится. ❁ неожиданные сферы сделай интерфейс для области, в которой ты раньше не работал/а — медицина, промышленность, агротех — всё что угодно. поясни, с какими ограничениями ты столкнулся/столкнулась и как справился/справилась. это покажет, что ты не боишься нового и умеешь находить подход к разным задачкам. ❁ проекты с недизайнерами придумай что-то вместе с инженером, аналитиком или психологом. расскажи, как вы делили зоны ответственности. покажи, как ваша синергия повлияла на результат. ❁ дизайн наоборот используй приёмы из триз (теория решения изобретательских задач) и придумай проект, который специально ломает стандартные решения. например, интерфейс, где нет кнопок, или сайт, где всё горизонтально. главное — объясни, какие противоречия ты решил/а и зачем. ❁ дизайн в прямом эфире сделай трансляцию в формате скринкаста (например, через screen studio), как ты работаешь над проектом. потом нарежь лучшие моменты, добавь свои комментарии и выложи как кейс. покажи не только результат, но и ход мыслей. ❁ редизайн себя прошлого/прошлой возьми старую работу и переделай её. расскажи, что именно ты изменил/а и почему теперь решил/а иначе. это показывает рост и рефлексию. ❁ социальный смысл запусти проект, который помогает людям. расскажи, как ты подошёл/подошла к задаче, какие метрики были важны и что получилось в итоге. если продукт не сложный, поработай ещё и с кодом — тут поможет ии. ☕︎ всё это можно смешивать, адаптировать и развивать. главное — не бояться пробовать. а вот что можно почитать по теме: ❁ аустин клеон — «show your work!» — коротко и по делу о том, как показывать не только результат, но и процесс. ❁ майк монтэйро — «design is a job» — глобально о работе дизайнера, но ещё и о том, почему портфолио — это не галерея, а рабочий инструмент. ❁ энтони данн и фиона рэби — «speculative everything» — простое введение в спекулятивный дизайн, если хочется мыслить шире. ❁ джейк напп — «sprint» — чёткий и понятный алгоритм проверки гипотез за пять дней. ❁ уильям лидвелл и соавторы — «universal principles of design» — справочник с приёмами, которые работают почти в любом дизайне. ❁ генрих альтшуллер — «найти идею: введение в триз — теорию решения изобретательских задач» — база по триз, если хочется копнуть в методику системного мышления. ❁ ким гудвин — «designing for the digital age» — подробное руководство по работе с пользователями: от исследований до интерфейсов. ✦ ну а если чувствуешь, что нужна помощь с обновлением портфолио — тебе поможет опытная менторка или ментор
Изображение поста

.Figma Make умеет…

Поигрались в этот AI от фигмы. Записали тим-сессию и собрали тезисы по ней: - Можно просто вставить картинку или скрин — как референс, и AI сам строит структуру дизайна. - AI сам придумывает ТЗ, если его не дать. Например, создаёт структуру приложения по визуальному входу. - AI способен сделать интерактив — в примере: страница достижений была не просто сверстана, но и стала кликабельной. - Всё работает без полноценной базы данных — данные временно сохраняются (например, в cookies или памяти приложения). - Код пишется автоматически, разбивается на компоненты и может быть скачан. - Работает быстро, если дать чёткий визуальный референс: от 3 до 5 минут на генерацию UI и кода. - Есть визуальный редактор кода прямо в интерфейсе, можно быстро редактировать. - Иногда переписывает код целиком, даже если нужно изменить только одну часть — это может быть неудобно. - Придумывает сам копирайтинг и тексты, если их нет. - Умеет делать адаптивный дизайн, без дополнительных указаний. - Запоминает контекст прошлых правок, удобно для итерационной работы. - Вёрстка нативная и аккуратная, иногда игнорирует мелкие детали (например, цвета или иконки). - Поддержка интерактивности — можно тестировать UI прямо внутри генератора. - При дублировании проекта хранит весь контекст, а не только результат - Нельзя получить Figma-файл напрямую из Make — всё конвертируется в код. - Можно публиковать сайт прямо из Make, как мини-лендинг. @osensei_design • oleg&kate
🔄 Обновление кода по переносу табов в описание товара
Старый код тоже работает, но новый лучше )) Обновления: 🔸 Теперь подключение библиотеки jQuery не требуется! 🔸 Первый таб будет закрыт. Если вам это не нужно, сотрите три строчки между комментариями о закрытии таба 🔹 Вставлять код нужно в специальные подвал или шапку для карточки товара. Если у вас они не предусмотрены в верстке магазина, создайте пустой подвал, например, и кроме кода ничего там не размещайте (соответственно вместо поп-апа у вас будет отдельная страница товара). За помощь в обновлении кода спасибо Вове. Кстати, вы можете обращаться к нему за заказом платных модификаций для Тильды 🔥 #модификации #тильда
Изображение поста
Что делает одного дизайнера дороже другого при тех же скиллах?
Ты уже собираешь сайты. Может, даже на Тильде. Но чек — 15–30k. А почему не 80–100k? Спойлер: дело не в таланте, просто ты не управляешь результатом. Зависишь от шаблонов, всё выглядит «нууу окей», а у клиента ощущение, что проект «как у всех» Больше платят за то, что: — сайт будет ровно таким, как задуман — ты контролируешь результат и снимаешь эту боль с клиента Это и даёт Taptop — визуальный редактор кода для дизайнеров. Ты работаешь как в Figma: на настоящих гридах, с автолэйаутами, анимациями, CMS и адаптивом без костылей. 📅 С 5 по 10 июня Pixel Perfect проводит бесплатный курс по Taptop, где ты: — Соберёшь сайт-портфолио (как на гифке) — Освоишь базу для работы в Taptop — Прокачаешься до уровня «делаю кастомный результат» Сдашь все домашки — попадешь в розыгрыш iPhone 16 📱 Участников ~100, шанс выиграть высокий. Если хочешь выйти из лиги «шаблонных сайтов» — регистрируйся по ссылке: https://t.me/pxp_reg_bot?start=id463048758
Рынок не продаст тебя за тебя
У тебя есть портфолио, умеешь в Figma, может даже собираешь сайты на Тильде. Но когда дело доходит до клиентов, офферов или найма — всё замирает. Ты вроде пишешь отклики, заливаешь кейсы, шлифуешь Behance. А внутри: «А я вообще чем отличаюсь?» Да, скиллы у тебя есть. Но если твоя подача «как у всех», чека выше 15–30k ожидать не стоит. Другое дело, если ты умеешь собирать полноценные сайты с нуля — с анимациями, CMS, адаптивом, чистым кодом, без багов и на уровне Awwwards. Вот это уже цепляет! Так и работает🎁Taptop — визуальный редактор кода, заточенный под дизайнеров. С 5 по 10 июня школа Pixel Perfect проводит бесплатный курс по Taptop. На нем ты соберёшь сайт-портфолио (как на гифке), освоишь базу Taptop и научишься грамотно себя позиционировать А ещё среди тех, кто сдаст все ДЗ, разыгрываем iPhone 16 📱 Будет ~100 участников — шансы очень даже реальные! Пока есть места, залетай по ссылке: https://t.me/pxp_reg_bot?start=id463048588
Когда в последний раз ты был доволен своим дизайном после верстки?
Открываешь Тильду и понеслась: блоки едут, адаптив ломается, шрифт «не тот», гридов нет, сайт грузится вечность. Получается, ты — вроде дизайнер, но с вайбом верстальщика на костылях. Пора с этим завязывать. Приходи на бесплатный курс по🎁Taptop от Pixel Perfect — визуальному редактору кода, где: – Адаптив резиновый, ничего не едет – Гриды и автолэйауты как в Figma – Анимации без кода, но как в After Effects – Код чистый, сайт летает – CMS встроены, можно сразу заливать контент 📅 5–10 июня, онлайн Ты соберёшь сайт-портфолио (как на гифке), прокачаешь базу Taptop и получишь сильное УТП: «Я сам делаю проект от идеи до финала» Если сдашь все домашки, попадешь в розыгрыш iPhone 16📱 Участников ~100, шанс выиграть высокий. Записывайся, пока есть места: https://t.me/pxp_reg_bot?start=id463048488
Сколько раз ты откладывал «сделать себе нормальный сайт»?
У тебя уже есть кейсы, даже был план. Но, как оказалось, не очень надежный, ведь сайта-портфолио всё ещё нет. А ведь он нужен, чтобы: — выглядеть как профи на рынке — получить оффер в студию или продукт — наконец, начать получать заказы с чеком 100k+ 😇 Pixel Perfect запускает бесплатный курс, где ты сделаешь себе сайт (ура!). Не шаблон, а кастомный проект — на визуальном редакторе кода Taptop (российский аналог Webflow). Будешь верстать на настоящих гридах, с автолэйаутами, анимациями, CMS и адаптивом без костылей. 5–10 июня, онлайн. — Соберёшь сайт-портфолио (дизайн уже готов, можно будет закастомить) — Получишь базу для работы в Taptop — Прокачаешь себя как дизайнера полного цикла Сдашь все ДЗ, попадёшь в розыгрыш iPhone 16 📱 Участников ~100, так что шанс встречать лето с новым айфончиком — высокий! Залетай на курс по ссылке: https://t.me/pxp_reg_bot?start=id463048837
Сколько раз ты откладывал «сделать себе нормальный сайт»?
У тебя уже есть кейсы, даже был план. Но, как оказалось, не очень надежный, ведь сайта-портфолио всё ещё нет. А ведь он нужен, чтобы: — выглядеть как профи на рынке — получить оффер в студию или продукт — наконец, начать получать заказы с чеком 100k+ 😇 Pixel Perfect запускает бесплатный курс, где ты сделаешь себе сайт (ура!). Не шаблон, а кастомный проект — на визуальном редакторе кода Taptop (российский аналог Webflow). Будешь верстать на настоящих гридах, с автолэйаутами, анимациями, CMS и адаптивом без костылей. 5–10 июня, онлайн. — Соберёшь сайт-портфолио (дизайн уже готов, можно будет закастомить) — Получишь базу для работы в Taptop — Прокачаешь себя как дизайнера полного цикла Сдашь все ДЗ, попадёшь в розыгрыш iPhone 16 📱 Участников ~100, так что шанс встречать лето с новым айфончиком — высокий! Залетай на курс по ссылке: https://t.me/pxp_reg_bot?start=id463048624
Когда в последний раз ты был доволен своим дизайном после верстки?
Открываешь Тильду и понеслась: блоки едут, адаптив ломается, шрифт «не тот», гридов нет, сайт грузится вечность. Получается, ты — вроде дизайнер, но с вайбом верстальщика на костылях. Пора с этим завязывать. Приходи на бесплатный курс по🎁Taptop от Pixel Perfect — визуальному редактору кода, где: – Адаптив резиновый, ничего не едет – Гриды и автолэйауты как в Figma – Анимации без кода, но как в After Effects – Код чистый, сайт летает – CMS встроены, можно сразу заливать контент 📅 5–10 июня, онлайн Ты соберёшь сайт-портфолио (как на гифке), прокачаешь базу Taptop и получишь сильное УТП: «Я сам делаю проект от идеи до финала» Если сдашь все домашки, попадешь в розыгрыш iPhone 16📱 Участников ~100, шанс выиграть высокий. Записывайся, пока есть места: https://t.me/pxp_reg_bot?start=id463048698
Ты откликаешься на вакансию. Через час там уже 2000 дизайнеров.
Помимо этого ты: — тратишь вечера на апгрейд портфолио, делаешь учебные кейсы, переписываешь отклики — ищешь работу месяцами, а ответ «спасибо, рассмотрим...» — видишь, что из изменений, только твой уровень тревожности Проблема в том, что ты не выделяешься. Тех, кто «просто делают макеты» — тысячи. В 2025 работодатели ищут спецов, закрывающих полный цикл: дизайн + верстка. Для этого Pixel Perfect запустили бесплатный курс по Taptop🎁 — визуальному редактору кода для дизайнеров. На курсе ты: — Соберёшь собственный сайт-портфолио (такой же как на гифке) — Освоишь базу Taptop — Получишь сильное УТП: «Я сам довожу проект до результата» — Начнёшь выделяться среди тысячи других дизайнеров 😇 5–10 июня, онлайн, бесплатно. Среди тех, кто сдаст все ДЗ — розыгрыш iPhone 16. Регистрация доступна по ссылке до 3 июня: https://t.me/pxp_reg_bot?start=id463049014
Сколько раз ты откладывал «сделать себе нормальный сайт»?
У тебя уже есть кейсы, даже был план. Но, как оказалось, не очень надежный, ведь сайта-портфолио всё ещё нет. А ведь он нужен, чтобы: — выглядеть как профи на рынке — получить оффер в студию или продукт — наконец, начать получать заказы с чеком 100k+ 😇 Pixel Perfect запускает бесплатный курс, где ты сделаешь себе сайт (ура!). Не шаблон, а кастомный проект — на визуальном редакторе кода Taptop (российский аналог Webflow). Будешь верстать на настоящих гридах, с автолэйаутами, анимациями, CMS и адаптивом без костылей. 5–10 июня, онлайн. — Соберёшь сайт-портфолио (дизайн уже готов, можно будет закастомить) — Получишь базу для работы в Taptop — Прокачаешь себя как дизайнера полного цикла Сдашь все ДЗ, попадёшь в розыгрыш iPhone 16 📱 Участников ~100, так что шанс встречать лето с новым айфончиком — высокий! Залетай на курс по ссылке: https://t.me/pxp_reg_bot?start=id463050001
Рынок не продаст тебя за тебя
У тебя есть портфолио, умеешь в Figma, может даже собираешь сайты на Тильде. Но когда дело доходит до клиентов, офферов или найма — всё замирает. Ты вроде пишешь отклики, заливаешь кейсы, шлифуешь Behance. А внутри: «А я вообще чем отличаюсь?» Да, скиллы у тебя есть. Но если твоя подача «как у всех», чека выше 15–30k ожидать не стоит. Другое дело, если ты умеешь собирать полноценные сайты с нуля — с анимациями, CMS, адаптивом, чистым кодом, без багов и на уровне Awwwards. Вот это уже цепляет! Так и работает🎁Taptop — визуальный редактор кода, заточенный под дизайнеров. С 5 по 10 июня школа Pixel Perfect проводит бесплатный курс по Taptop. На нем ты соберёшь сайт-портфолио (как на гифке), освоишь базу Taptop и научишься грамотно себя позиционировать А ещё среди тех, кто сдаст все ДЗ, разыгрываем iPhone 16 📱 Будет ~100 участников — шансы очень даже реальные! Пока есть места, залетай по ссылке: https://t.me/pxp_reg_bot?start=id463049391
Что делает одного дизайнера дороже другого при тех же скиллах?
Ты уже собираешь сайты. Может, даже на Тильде. Но чек — 15–30k. А почему не 80–100k? Спойлер: дело не в таланте, просто ты не управляешь результатом. Зависишь от шаблонов, всё выглядит «нууу окей», а у клиента ощущение, что проект «как у всех» Больше платят за то, что: — сайт будет ровно таким, как задуман — ты контролируешь результат и снимаешь эту боль с клиента Это и даёт Taptop — визуальный редактор кода для дизайнеров. Ты работаешь как в Figma: на настоящих гридах, с автолэйаутами, анимациями, CMS и адаптивом без костылей. 📅 С 5 по 10 июня Pixel Perfect проводит бесплатный курс по Taptop, где ты: — Соберёшь сайт-портфолио (как на гифке) — Освоишь базу для работы в Taptop — Прокачаешься до уровня «делаю кастомный результат» Сдашь все домашки — попадешь в розыгрыш iPhone 16 📱 Участников ~100, шанс выиграть высокий. Если хочешь выйти из лиги «шаблонных сайтов» — регистрируйся по ссылке: https://t.me/pxp_reg_bot?start=id463049693
Дизайнер, проверь, насколько хорошо ты разбираешься в разработке
Mish запустила телеграм-бот для тех, кто во время передачи макетов в разработку устаёт отвечать на вопросы: «Я не понял, как тут работает логика?» «Что происходит с этими компонентами?» «Ты же понимаешь, что это можно реализовать только костылями?» 🧠 Не страдай — образовывайся. Разрабо-переводчик научит тебя понимать язык тех, кто пишет код, а не только комментарии в Фигме. Когда знаешь, как устроена разработка, ты не рисуешь кнопки, которые надо программировать молитвами. И в прод идёт не боль, а продукт. В тесте 10 вопросов на знание терминов из разработки — все необходимы дизайнеру в работе. Проходи тест по ссылке
Изображение поста
Рынок не продаст тебя за тебя
У тебя есть портфолио, умеешь в Figma, может даже собираешь сайты на Тильде. Но когда дело доходит до клиентов, офферов или найма — всё замирает. Ты вроде пишешь отклики, заливаешь кейсы, шлифуешь Behance. А внутри: «А я вообще чем отличаюсь?» Да, скиллы у тебя есть. Но если твоя подача «как у всех», чека выше 15–30k ожидать не стоит. Другое дело, если ты умеешь собирать полноценные сайты с нуля — с анимациями, CMS, адаптивом, чистым кодом, без багов и на уровне Awwwards. Вот это уже цепляет! Так и работает🎁Taptop — визуальный редактор кода, заточенный под дизайнеров. С 5 по 10 июня школа Pixel Perfect проводит бесплатный курс по Taptop. На нем ты соберёшь сайт-портфолио (как на гифке), освоишь базу Taptop и научишься грамотно себя позиционировать А ещё среди тех, кто сдаст все ДЗ, разыгрываем iPhone 16 📱 Будет ~100 участников — шансы очень даже реальные! Пока есть места, залетай по ссылке: https://t.me/pxp_reg_bot?start=id463049955
Вы точно умеете верстать, как думаете?
Если мечтаете в продукт или уже там, пора глубже осваивать вёрстку. Не уровня «пособирал в Тильде», а уметь делать живой прототип, который не ставит разрабов в тупик. Тут поможет Taptop🎁— визуальный редактор кода, где верстают дизайнеры (!), не разработчики Taptop — как Webflow, но русский и с логикой, близкой к Figma: — гриды, автолэйауты, адаптив без костылей, как в коде — можно чекнуть, как собирается CMS, как устроены блоги и даже как выглядит чистый HTML/CSS — всё без единой строчки кода Зачем вам это: — чтобы делать макеты, которые не ломаются на проде — чтобы говорить с разрабами на одном языке — чтобы не сидеть на спринтах с лицом «ничего не понятно, но очень интересно» 😇 С 5 по 10 июня Pixel Perfect проводит бесплатный курс по Taptop. Соберёте сайт-портфолио (см. гифку), прокачаете понимание, как работает фронт и начнёте думать как фулл-стек дизайнер Среди тех, кто сдаст все ДЗ, разыграют iPhone 16 📱 Участников ~100, вдруг выиграете именно вы? Регистрируйтесь, пока есть места: https://t.me/pxp_reg_bot?start=id463050092
Вы точно умеете верстать, как думаете?
Если мечтаете в продукт или уже там, пора глубже осваивать вёрстку. Не уровня «пособирал в Тильде», а уметь делать живой прототип, который не ставит разрабов в тупик. Тут поможет Taptop🎁— визуальный редактор кода, где верстают дизайнеры (!), не разработчики Taptop — как Webflow, но русский и с логикой, близкой к Figma: — гриды, автолэйауты, адаптив без костылей, как в коде — можно чекнуть, как собирается CMS, как устроены блоги и даже как выглядит чистый HTML/CSS — всё без единой строчки кода Зачем вам это: — чтобы делать макеты, которые не ломаются на проде — чтобы говорить с разрабами на одном языке — чтобы не сидеть на спринтах с лицом «ничего не понятно, но очень интересно» 😇 С 5 по 10 июня Pixel Perfect проводит бесплатный курс по Taptop. Соберёте сайт-портфолио (см. гифку), прокачаете понимание, как работает фронт и начнёте думать как фулл-стек дизайнер Среди тех, кто сдаст все ДЗ, разыграют iPhone 16 📱 Участников ~100, вдруг выиграете именно вы? Регистрируйтесь, пока есть места: https://t.me/pxp_reg_bot?start=id463049205
Сколько раз ты откладывал «сделать себе нормальный сайт»?
У тебя уже есть кейсы, даже был план. Но, как оказалось, не очень надежный, ведь сайта-портфолио всё ещё нет. А ведь он нужен, чтобы: — выглядеть как профи на рынке — получить оффер в студию или продукт — наконец, начать получать заказы с чеком 100k+ 😇 Pixel Perfect запускает бесплатный курс, где ты сделаешь себе сайт (ура!). Не шаблон, а кастомный проект — на визуальном редакторе кода Taptop (российский аналог Webflow). Будешь верстать на настоящих гридах, с автолэйаутами, анимациями, CMS и адаптивом без костылей. 5–10 июня, онлайн. — Соберёшь сайт-портфолио (дизайн уже готов, можно будет закастомить) — Получишь базу для работы в Taptop — Прокачаешь себя как дизайнера полного цикла Сдашь все ДЗ, попадёшь в розыгрыш iPhone 16 📱 Участников ~100, так что шанс встречать лето с новым айфончиком — высокий! Залетай на курс по ссылке: https://t.me/pxp_reg_bot?start=id463049164