Pixel Perfect

Сегодня Артем делится, почему наша команда решила создать курс по продуктовому дизайну 😇 Вот что мы учитывали:

🤝🏼 Оценили порог входа
Для того, чтобы выйти на первую работу, продуктовому дизайнеру нужно около полугода. Чаще всего будет студия либо маленький продукт. Примерно через 1-2 года после этого можно будет попасть в хороший продукт.

📈 Заметили постоянно растущий спрос
Спрос сейчас огромный, вакансий очень много, дизайн-отделы расширяются из года в год и появляется больше возможностей. Но помимо этого, растут также и требования. Уже недостаточно просто иметь крупные проекты в портфолио или классные навыки в UI. Чем больше сейчас у соискателя уникальных или редких скиллов, тем легче ему найти работу.

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

🎨 Понравилось, что профессия — смесь творчества и аналитики
Профессия эта и творческая, и аналитическая одновременно. Каждый найдет то, что ему интересно. У меня, например, скорее аналитический склад ума и именно эта часть работы мне приносит больше удовольствия. Но при этом я обязательно разбавляю свои профессиональные будни творчеством. Так что работа мне не надоедает.

🙈 Заметили, что другим курсам на рынке кое-чего не хватает
Другие курсы оторваны от реальности. Они учат либо по методичке пятилетней давности, либо отрываются от рабочих задач. Очень часто замечал, что ученики таких курсов выходят со знаниями, но без умения эти знания применять. Поэтому они реально теряются на первых работах.

Плюс ко всему, у учеников курсов по дизайну чаще всего эти курсы — это первая точка входа в IT. Трудоустройство в этой сфере всегда сильно отличается от других работ. Поэтому очень важно давать ребятам понимание, как работает команда в целом, какие внутри нее происходят процессы и как правильно адаптироваться, чтобы на работе не было проблем.

Эта неделя богата на обновления в Webflow. Собрали их всех в один небольшой пост 🦾

↗️ Запустили варианты для компонентов

Теперь в Webflow можно задавать несколько вариантов стилей для одного компонента.

Например, «Кнопка» с заливкой или контуром, «Карточка» с горизонтальным или вертикальным оформлением и многое другое. Это упрощает настройку и делает дизайн более гибким. Детали тут.

↗️ Появились новые типы переменных

С этой недели можно использовать числа и проценты в качестве переменных в дизайн-системах.

Например, «body» сайта всегда должно быть настроено следующим образом:

• Font weight: 400
• Font size: 1rem
• Line height: 1.4
• Font family: Inter

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

↗️ Команда «Slash» в ричтексе

Теперь с помощью символа “/” можно вставлять такие элементы, как изображения, видео, заголовки, блоки кода, цитаты и многое другое. Детали тут.

Работать или отдыхать в новогодние праздники? 🎄

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

Традиционно Новый год для меня — это семейный праздник. Поэтому я всегда стараюсь прилететь к родителям в Екатеринбург, чтобы провести время вместе. А работать в семейном доме очень непросто. У кого родители живут в другом городе, те меня прекрасно поймут. Но вот уже который год я стараюсь долго не засиживаться у родителей и уже 2-3 числа уезжаю кататься на сноуборде на несколько дней вместе с друзьями. И до 5 числа я обычно в режиме «не беспокоить».

А вот вторая половина праздников у меня всегда рабочая. В это время удаётся закрыть задачи, которые долго откладывал. Когда ещё сосредотачиваться, если не на праздниках, когда все вокруг отдыхают? 🥹

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

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

А что выбрали вы? Работать или отдыхать? Поделитесь в комментариях — интересно узнать, как вы проводите праздники.

Кстати, предстоящий январь будет для меня совсем необычным: впервые собираюсь на зимовку, поеду на Бали. Это мой первый опыт зимовки в тёплой стране, и я уже в большом предвкушении. Чувствую, что если сменить серость на солнышко, то это поможет сохранить энергичность и не терять рабочий темп 😎

25 ноября выходит новый бесплатный курс по Webflow 🖼️

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

Так вот, на этом бесплатнике мы решили сделать нашу версию сайта для стильной студии мебели Eburet. У ребят очень классный продукт, нам самим очень нравится. Поэтому кажется, что и вам будет очень интересно поработать над проектом ☺️

В этот раз программа курса будет сосредоточена на анимациях. Будет все: параллакс, анимация при прокрутке и наведении, разберемся даже с кастомными курсорами. И это еще не все!

Как обычно проходить курс можно студентам любого уровня. В общем, ждите, будет очень интересно 😏

Любим HH за возможность оценить ситуацию на рынке 📝

Сегодня на этом ресурсе смотрим, как дела в России у продуктовых дизайнеров. Вот краткий срез:

• 1.060 вакансии в регионе, это буквально в 10 раз больше, чем для Webflow-разработчиков 🙃
• зарплатная вилка для джунов: от 80 до 120 тысяч рублей
• для миддлов: от 120 до 240 тысяч рублей
• для синьоров: от 300 тысяч рублей и выше

Ну и посмотрели на основные требования к кандидатам:
• владение Figma 🖼️
• создание и поддержка интерфейсов
• подготовка дизайна для передачи в разработку
• прототипирование разной степени детализации
• работа с гипотезами, материками и большим количеством данным
• проведение исследований (кстати, заметили, что большинство курсов этим немного пренебрегают 🧐)

Ближе к концу недели Артем (автор нового курса) поделится, почему мы все-таки решили выбрать для курса продуктового дизайн.

P.S. пока делали ресерч, наткнулись на вакансию для Webflow-разработчиков. Делимся тут.

Я тут обнаружил, что у меня в воркспейсе Webflow 186 проектов 🤔😅

А сколько у вас?

Помните этот легендарный видос?

Смотрите, что Webflow-энтузиаст сделал, используя только Div-блоки 🙂

Тут можно клонировать этот мемный тоггл себе, а тут посмотреть подробный туториал по его созданию на YouTube.

Всем привет 👋🏻

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

Все вы, наверное, видели ребрендинг агентства SETTERS. Благодаря ребятам из Reboot нам удалось приложить к этому руку и взять на себя разработку сайта агентства. Проект был непростым: мы впервые объединили классического разработчика и Webflow-разработчика. Не обошлось без эксцессов, но нам удалось справиться. Вообще, микс разработки — это тема для отдельного поста.

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

Пока ловите пощелкать первую версию — позже выкатим финальную версию!

Когда выйдет этот пост, наша выпускница Маша будет еще спать. Потому что сейчас она живет в США, зарабатывает версткой на Webflow и даже планирует открывать там студию 😏

Рассказываем эту вдохновляющую историю от ее лица!

Когда мы с семьей решили переехать в США, я поняла, что самое время окончательно сменить профессию. Так мои 15 лет работы в рекламе превратились во фриланс. Я планировала одновременно погружаться и в дизайн, и в верстку. Но последнее оказалось сомнительным удовольствием, потому что я выбрала Tilda.

Именно поэтому я быстро начала искать альтернативы. Долго сравнивала, но в итоге остановилась на 🖼️ Webflow. Я не сразу пришла в Pixel Perfect. Перед курсом здесь у меня был еще один курс, где мне не хватило поддержки и комьюнити. Курс этого просто не предусматривал. Но зато на нем я поняла, что Webflow после Тильды — чистый кайф.

У 😇 Pixel Perfect подача материала на курсе легкая и приятная, я до сих пор иногда возвращаюсь к некоторым урокам. А самый большой восторг я получила от Битвы верстальщиков. Было ооооочень сложно, но я смогла ее пройти и невероятно горжусь собой.

А вообще самое крутое, что у есть в PP — это сообщество приятных ребят, которые поддерживают друг друга. Это не мертвые чаты, где миллион людей и мало кто отвечает на вопросы, это семья. Я очень рада, что теперь в ней 🫂

Сейчас у меня достаточно амбициозные планы. Я планирую открыть тут небольшую студию, уже заканчиваю дизайн ее сайта (конечно, он будет на Webflow) и плавно отказываюсь от заказов на Тильде. В команде уже есть копирайтер и супер-опытный рекламщик.

А еще хочу сказать отдельное спасибо кураторам за помощь, поддержку и доверие. После выпуска Паша делегировал мне один заказ на Webflow. Договоры уже все подписали. Сейчас заказ на стадии завершения дизайна, скоро будем приступать к верстке ✨

Ура! Наконец закрыли все самые популярные вопросы про SEO на сегодняшнем прямом эфире 📹

Для всех, кто не смог присутствовать, традиционно оставляем запись трансляции. Она будет в открытом доступе до 16 ноября 23:59 мск, после чего автоматически удалится. Так что с просмотром советуем не затягивать.

🌐 запись на youtube
💬 запись в vk

Завтра — последний день, когда можно попасть на 15 поток. Это самое выгодное предложение, по которому можно забрать место на Webflow Basic. В программе курса:

• полный разбор интерфейса Webflow
• все базовые анимации
• настройка интеграций, адаптивности и так далее
• SEO-оптимизация
• верстка готовых проектов для портфолио
• выход на биржу фриланса Upwork
• реальная практика-соревнование Битва верстальщиков

Ознакомиться с программой подробнее можно на нашем сайте.

Прямой эфир «SEO оптимизация в Webflow - миф или реальность?» сегодня в 19:00 🎬

Сегодняшнюю трансляцию проведем в необычном формате FAQ. Коля и Паша на один час станут клиентами и зададут все самые популярные вопросы про SEO Маше, нашему ментору. Что обсудим?

▪️ Базовые настройки SEO в Webflow

• html-теги для текста и блоков
• как правильно заполнить Title и Description
• настройка OpenGraph для социальных сетей
• как установить Favicon
• альтексты для изображений

▪️ Продвинутые возможности SEO в Webflow

• как создать sitemap.xml и настроить robots.txt
• использование канонических тегов для избежания дублирования контента

▪️ Микроразметка в Webflow

• как добавить микроразметку для улучшения видимости вашего сайта в поисковиках

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

🌐 трансляция на youtube
💬 трансляция в vk

🌐 Завтра в 19:00 мск проведем прямой эфир на тему «SEO оптимизация в Webflow: миф или реальность?»

Эфир будет вести наш ментор Маша. А Коля и Паша выступят в роли клиентов и будут задавать вопросы по базовым и продвинутым настройкам SEO в Webflow. Тема очень актуальная как для новичков, так и для продвинутых wf-разработчиков. Клиентов это интересует всегда.

Так что ставьте напоминания и присоединяйтесь 😏

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

Поэтому Маша, наш ментор, подготовила топ самых распространенных и самых выбешивающих ситуаций, с которыми сталкиваются разрабы в работе с дизайнерами 🚨

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

✨ Анимации
Дизайнеры часто придумывают в своей голове то, что они сами не до конца понимают, как должно выглядеть. Это затрудняет работу разраба, ведь нет четкого ТЗ. Поэтому еаступает момент импровизации: разраб должен угадать, что имел в виду дизайнер или сделать так, чтоб ему просто понравилось

🔷 Применение различных эффектов и масок
Маски — это чисто графическая фишка, которой в разработке нет в том виде, в котором она существует в Figma или Photoshop. Поэтому каждый раз приходится устраивать танцы с бубнами. А еще в графике есть градиентная обводка, а в разработке существует лишь градиентная заливка

Разработчики, есть что добавить? Дизайнеры, есть что ответить? 😅

Что делать, если клиент просит провести оплату не через Upwork? 💰

Начнем с легкого off topic. Недавно вышла новость, что Webflow официально запартнерился с Upwork. Если коротко, то биржа замутила отдельную категорию для сертифицированных WF-разработчиков.

На деле же новость просто показывает, что ребята из Webflow в курсе, насколько много работы для WF-разработчиков на Upwork. Поэтому и партнерятся с ними 🤝

Возвращаясь к теме. Что же все-таки делать, если вы WF-разработчик, который нашел клиента на Upwork, а он настаивает на том, чтобы оплату провести не через биржу?

Для начала нужно понять зачем это клиенту. Upwork забирает 15% комиссию от бюджета проекта у клиента и 10% дохода у фрилансера. При этом, когда клиент заключает с вами контракт, деньги на его аккаунте замораживаются. И только после того, как клиент получит выполненную работу, в течение 7-14 дней Upwork начисляет средства фрилансеру.

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

Если вы работаете с клиентом очень долго и уже готовы составить договор, чтобы перейти на фулл-тайм. Либо вы уже выполнили 2-3 проекта успешно и все равно вполне доверяете друг другу.

В таком случае чаще всего, если клиент из Европы илм Америки (их больше всего на Upwork), вам нужен будет счет за рубежом. Чтобы принимать деньги в евро или долларах напрямую. Если же есть только российский счет, то вот как можно поступить:

• открыть зарубежный счет (наша статья по этой теме)
• открыть Payoneer, сейчас это непросто, но мы всем студентам даем конаткты проверенного помощника
• открыть крипто-кошелек и принимать деньги в USDT

Бывает еще и так. Например, клиент работает в криптоиндустрии и предлагает оплату в токенах. Если вам так ок, то почему бы и нет 😎

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

😇 кстати, на этой неделе в среду-четверг планируем прямой эфир. Темой поделимся чуть позже в канале.

Результаты новой Битвы верстальщиков 👏

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

Битва верстальщиков — отличная идея. Считаю её одной из самых полезных в PP. Во время соревнования скорость и качество усвоения материала увеличиваются многократно. Приходится много пробовать и искать информацию в разных источниках. Метод проб и ошибок тоже хорошо помогает.

И, конечно, работа в команде. Это большой плюс. Всегда есть возможность прояснить трудный вопрос, поделиться опытом. Многое здесь зависит и от капитана. У нас в команде был хороший 😍 Ещё один плюс: остаются личные контакты и кто знает, как они помогут нам в дальнейшем.

Скажу так: если бы не было Битвы, то работа над выпускным проектом была бы намного тяжелее. Ну и пара советов для тех, кому соревнование ещё предстоит:

• верьте в себя
• общайтесь с командой
• помогайте и вам помогут
• если трудно или если решение долго не находится, лучше не зацикливаться на нем, не ходить по кругу, а переключиться на другую секцию. В голове все равно будет идти процесс и решение придёт
• смотрите «во все стороны»: YouTube, Made in Webflow, ChatGPT и обязательно общайтесь

Кстати, с чатом GPT многое зависит от промта. Чем чётче и подробнее, тем лучше. Но даже если чату был задан нечёткий промпт, то во время диалога не исключена «эврика».

В общем, советую каждому пройти этот квест. А ребятам из РР огромный респект за идею ❤️

Ловите ссылки, чтобы можно было оценить проекты вживую: сайт команды #1 и сайт команды #2.

Заглянули в портфолио к Эльвире, ученице нашей школы. И вот что там нашли ↓

• Эльвира из Питера, по образовнию юрист, а по призванию UX/UI дизайнер
• прошла курс для новичков, а сейчас учится на курсе для опытных
• обожает PP-комьюнити: «Самые лучшие люди, самая лучшая поддержка, все друг другу помогают, и я не устану это повторять»
• до нашего обучения прошла два других курса, но все еще была недовольна портфолио и боялась откликаться на вакансии
• немного DJ, создает атмосферные плейлисты

В общем, Эльвира — супер-умница, такими учениками невозможно не гордиться. А свой путь во взрослую верстку у нее начался (вот сейчас будет неожиданно 😈) с бесячий Тильды. После неудачной борьбы с ней она наткнулась на наш воркшоп по Webflow. И тут понеслось.

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

После того, как курс закончился, наступило время искать проекты и клиентов. И тут Эльвира тоже поступила верно ☺️

Она сразу взялась верстать сайт друзьям за символические суммы. Чтобы наработать опыт и проекты для портфолио. Параллельно в чате откликнулась на клич задизайнить сайт, где заколлабилась с Лешей. Ему отдельное спасибо от Эльвиры за то, насколько увереннее она стала себя чувствовать как дизайнер. Потом пошли заказы на сайты от знакомых и знакомых знакомых.

Сейчас Эльвира работает дизайнером продукта в компании, которая специализируется на биометрических системах безопасности. И параллельно берет небольшие заказы на разработку сайтов на Webflow 🦾

В планах дальше — изучение GSAP, новые анимации и прокачка навыков верстки на Webflow. Ведь рынку точно нужны мультизадачные спецы.

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

Мы супер-рады познакомить вас с Артемом, автором курса по продуктовому дизайну 🔥

В дизайн он пришел из рекламы и сразу начал с работы в студии. Но затем быстро перешел в криптовалютный стартап, а оттуда попал в Росбанк и банк Открытие.

Сейчас Артем — старший дизайнер в крупном классифайд сервисе 🏡 Домклик, продукт Сбера. Если собрать его опыт по фактам, то получится, что он успел:

• поработать в 3 крупных банках РФ
• лидить найм и менторство сотрудников
• вести наставничества
• поработать дизайнером в 20+ крупных креативных проектах, в том числе зарубежных

А самое крутое — Артем уже подготовил программу курса! Она получилась очень подробная, целых 100 уроков. Мы очень довольны, а вы знаете, как непросто пройти наш контроль качества 🥹

В программе курса Артем сделал очень большой упор на трудоустройство. Знаем, что это ключевая боль наших студентов.

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

Ну а следующий этап — это концепт для бесплатного курса. Рабочая идея уже готова, она как обычно очень интересная.

Ребята, накидайте реакций, чтобы поприветствовать Артема ☺️

Классная вакансия в диджитал студию 💼

Workspace.hr входит в топ-10 компаний по веб-дизайну на Кипре. Сейчас команда ищет Webflow Developer. Что интересно, вилка для джунов — 1.300 - 2.000 EUR, а для синьоров — 3.100 - 4.000++ EUR 👀 Звучит неплохо, но обязательно надо знать английский.

↗️ посмотреть все требования по вакансии можно здесь
↗️ откликнуться можно еще и на эту почту: [email protected]

Кстати, проекты по Webflow и фулл-тайм можно искать не только в Telegram и на Upwork. Хорошо для этого подходит и FB, который работает с включенным vpn.

Если готовы бороться за проекты с индусами, то вот две группы, где есть ежедневные обновления:

↗️ Webflow Developers
↗️ Webflow SEO & Development

Поздняя осень — самое противное время года 🥴

Всем привет, это Паша. Последние 6 лет я живу в Москве и это ощущается особенно сильно. Холодно, мерзко, темно. На улицу даже не хочется выходить. В среднем в Москве всего 84 солнечных дня в году, даже в вечно дождливом Питере больше на 10 😭 Ощущается так, будто бы кто-то выключил свет и все краски. Я родом из Екатеринбурга. У нас хоть и достаточно холоднее, но в эти морозные дни светит яркое солнце.

Все это не может не влиять на настроение и работоспособность. Серая погода, укороченные дни, вместо летнего прилива сил — постоянная усталость. Плюсом к этому, у меня сбился режим и я просыпаюсь просто без сил. Знакомо?

Но находить энергию в это время года все-таки как-то нужно. Поэтому ниже поделюсь маленькими привычками, которые помогают мне. И возможно они помогут кому-то еще.

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

☕️ чашка кофе за завтраком
примерно полгода назад я подсел на кофе и теперь периодически заказываю дрипы от Tasty Coffee, хотя раньше пил только чай. Согласитесь, в заваривании кофе есть свой ритуал и теплота

📕 книга на ночь
перед сном важно расслабиться, чтение очень этому помогает. Летом я поставил себе цель прочитать 10 книг из зарубежной классики за год, поэтому стараюсь читать как минимум полчаса перед сном каждый день. Кстати, сейчас читаю Фредерика Стендаля

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

Ребята, а как вы справляетесь с этой серой порой? Делитесь своими рецептами бодрости. Может, найдём что-то новое друг для друга ☺️