5949
Качаем твои скиллы в ноу-код разработке. Учим делать сайты на Webflow и монетизировать скилл на Upwork🐸 Наше обучение: https://pixelperfect.fun Наше коммьюнити: @webflowpp Сотрудничество: @mpaveel
Продуктовый дизайнер на фрилансе: опыт нашего студента Олега
Принято считать, что продуктовые дизайнеры всегда работают в компаниях или студиях. Но на самом деле это не всегда так 💼
Наш студент Олег вполне успешно работает на фрилансе через Upwork. На сегодняшний день у него было больше 50 клиентов, большинство из которых нашли его именно там. Но кое-кто пришел и с LinkedIn, и с Behance и через «сарафанное радио». Кстати, его аккаунт на Upwork можно взять как хороший референс, если вы дизайнер.
Какие плюсы и минусы есть у такого подхода к работе продуктовым дизайнером? Рассказывает Олег.
✨ ПЛЮСЫ
• разнообразие проектов
работаешь в разных сферах: медицина, SaaS, экология, криптовалюта и даже виноделия. Это помогает развивать насмотренность, учиться адаптироваться к новым вызовам и находить креативные решения для продуктовых задач
• нетворкинг
фрилансеры часто работают напрямую с владельцами бизнеса и стартапами. Это не только полезные связи, но и шанс получить новые заказы через рекомендации. Хорошие отношения с клиентами — это возможность находить все новые и новые проекты
• свобода
никаких офисов, фиксированного графика и бесконечных совещаний. Ваш рост зависит только от вас: чем больше развиваетесь, тем больше зарабатываете
✨ МИНУСЫ
• нестабильность
про этот минус знают все фрилансеры. У вас нет гарантированного дохода. Сегодня проекты есть, а завтра может быть затишье
• постоянный поиск заказов
часто приходится ежедневно искать проекты, проходить собеседования, обновлять портфолио и объяснять, зачем клиентам вообще нужен дизайнер. Со временем это становится легче
• дедлайны и ограничения
проекты на фрилансе часто «горят», нет возможности проводить полноценные исследования или собирать данные, а бюджеты часто ограничены. При этом идеи приходится изо всех сил защищать перед руководством, чтобы отстоять свой подход к дизайну
На фрилансе продуктовый дизайнер — это человек-оркестр 🥁
В отличие от корпоративной должности, здесь вы и UX, и UI, и исследователь, а иногда и графический дизайнер. Потому что в 99% случаев вы будете единственным дизайнером на проекте. Это непросто, но опыт бесценный.
На нашем курсе Webflow PRO есть отдельный модуль по Spline 🐶
Этот раздел по интерактивному веб-дизайну разработал и записал Никита. Что такое Spline и для чего он нужен? Это графический редактор, с помощью которого можно создавать 3D элементы и настраивать взаимодействие с ними в web без знания кода.
Но на этом его функции не заканчиваются. Он также используется для создания полноценной геймификации на сайтах. Разработчиков, которые уже знакомы с Webflow, в программе курса PRO Никита знакомит с этим вариативным инструментом.
И посмотрите заодно, какую штуку Никита намутил для Дизайн выходных, используя Spline в пайплайне разработки. Это браузерная игра с анимированным персонажем и симуляцией физики объектов, адаптированная под различные устройства. Подробности и ссылка на игру у него в канале, там он делится работами, кейсами и полезными сервисами ☺️
Вдохновляющий пост «Как найти клиентов» от нашего выпускника Димы 💼
Сразу после курса я начал активно искать заказчиков.
Составил список из 500–600 студий в США, Европе и Австралии и начал им писать. Несколько компаний откликнулись, мы провели интервью. Так я начал работать с брендинговым агентством из Австралии и получил несколько разовых проектов в Нидерландах.
Работа с брендинговым агентством дала мне большой буст. Я общался напрямую с владельцем, который познакомил меня с ребятами из студии звукозаписи в Нью-Йорке и брокером из Сиднея. С этими клиентами я уже больше полугода сотрудничаю на постоянной основе. Занимаюсь доработкой их сайтов, провожу UX-исследования, помогаю выстраивать бренд-стратегии. Для звукозаписывающей студии даже участвовал в оптимизации бизнес-стратегии 👀
Один из последних проектов — разработка e-commerce сайта для бренда австралийской косметики Embodyd. Это был проект на шаблоне от заказчика, но работы было много, переделывали буквально все 😅
Сейчас занимаюсь дизайном и разработкой сайта для клининговой компании в Москве. Это первый опыт работы на российском рынке больше чем за год. Хотя этот проект я получил не столько из-за знаний в разработке, сколько из-за опыта в клиниговом бизнесе и понимании рынка, мне удалось без проблем продать клиенту идею, что сайт нужен не на Tilda за 10.000 рублей, а на Webflow 🦾 И что использование передовых технологий этого сервиса быстро отобьют вложенные средства.
А с этого года я начал делегировать часть работы другим разработчикам. Это позволяет мне брать больше заказов и позиционировать себя как студию.
Что дальше?
Я уже прохожу курс Webflow PRO, кстати, он окупился с первого заказа. В 2025 году планирую совершенствовать английский, развивать работу агентства и релоцироваться в США ❤️
Прямой эфир «Анимация с умом: что нужно знать для повышения вовлеченности» сегодня в 19:00 🎬
Хорошая анимация не просто оживляет сайт, а классно повышает его метрики: вовлеченность и конверсию. Но как понять, где грань между «круто» и «слишком»?
Расскажет наш спикер Никита, старший продуктовый дизайнер в GigaCode, проект Сбера. У него отличный опыт работы в продуктовых командах, которым он и поделится.
🔷 Что обсудим?
• почему сайты без анимации не работают и как это исправить
• какие виды анимаций раздражают
• как понять, что именно нужно твоему проекту
• основные ошибки при работе с анимацией и как их избежать
• тренды 2025 года на реальных примерах
• простой план внедрения анимации, который сэкономит время и деньги
Эфир будет полезен для каждого, кто не знает, как применить в своих проектах лучшие практики или как реализовать задумки с макетов 💙
Присоединяйтесь, будет интересно и полезно! Посмотреть эфир можно будет сразу на двух платформах:
🌐 трансляция на youtube
💬 трансляция в vk
Вот какие сайты верстает и анимации делает наш выпускник Никита ☺️
Сейчас Никита работает креативным инженером в Relate Studio и наслаждается своей работой. Но начинал он, как и большинство, с «я ничего не понимаю» 🤯
Чтобы «что-то понять», он пришел к нам на курс для начинающих. В результате, уверенная верстка, кастомные решения, работа с топовыми студиями и отличное владение анимациями. Нативные анимации Webflow давно изучены, поэтому Никита часто прибегает к GSAP, а это уже совсем другой уровень.
Как говорит он сам, уже на протяжении больше года у него постоянно открыт Webflow и он не перестает в нем работать 🦾
Тем, кто решил изучить Webflow, могу сказать, что курс будет для вас сильным бустом. Я не раз ловил себя на мысли, что ничего не понимаю, и переживал моменты демотивации. Однако я продолжал сидеть, потому что всё зависит только от нас. Пробуйте и решайтесь. Где страх, там ваш потенциальный рост.
Чем отличаются стандартные анимации в Webflow от стандартных анимаций в Tilda? 😝
Оказалось, что практически ничем. Так нам ответил наш выпускник Даниил. Правда, чуть позже он почувствовал, что у вопроса все-таки есть правильный ответ и написал, что отличия есть 🤭 Смотрим какие?
Даниилу больше всего в Tilda не хватает анимации «While scrolling in view».
Если речь заходит о сложных анимациях, то большой плюс Webflow в том что можно задавать id, классы, атрибуты через которые можно связываться с элементами в коде. В Tilda этого сделать нельзя. А внутренний нейминг классов ни о чём не говорит и нужно вычленять его из опубликованного сайта, чтобы использовать в коде.
А вот Маша считает, что одна из самых больших болей в анимации на Tilda — это невозможность настройки анимации цвета или бордера 🚨
Если нужно, чтобы карточка меняла цвет, то сначала нужно наложить на нее другую, отключить pointer event и настроить ее появление. Поэтому приходится дублировать все иконки соц. сетей, чтобы перекрасить их по ховеру. В анимации нет никаких фильтров, нет управления Lottie. Все, что можно изменить — это размер, что-то подвинуть, повернуть и убрать прозрачность.
Или еще пример: чтобы создать анимацию небольшого легкого зума фото по ховеру (чтобы при этом она оставалась того же размера), нужен сторонний код. Либо танцы с бубном и наложение дополнительных шейпов с толстой обводкой, которая будет скрывать края увеличенной фотки. В Webflow — это одна кнопочка overflow hidden у дива и все готово! В Тильде такой параметр накинуть можно только на весь блок сразу ✨
Сколько выпускников — столько мнений! Мы очень любим здоровую дискуссию, поэтому пишите, что думаете по поводу анимации в Tilda и Webflow.
Бесплатный курс по анимациям Webflow все еще идет, присоединиться к нему можно по ссылке ↗︎ бесплатный курс 😇
Бесплатный курс по анимациям в Webflow ✨
Сегодня начинаем работать над проектом для российской студии стильной мебели Eburet. Присоединиться к курсу можно с любым уровнем владения Webflow.
Как будет проходить обучение?
・ курс бесплатный
・ 6 видеуроков
・ домашние задания с проверкой
・ подарки для тех, кто сдаст все ДЗ
・ поддержка в боте и чате
Какая программа курса?
・ полный разбор анимаций в Webflow
・ параллакс и горизонтальное движение
・ анимация при прокрутке страницы
・ появление элементов и анимации при наведении
・ кастомный курсор
・ плавный скролл и адаптивность анимаций
В конце курса традиционно проводим прямой эфир с подведением итогов. Да, это точно последний шанс залететь на бесплатный курс по Webflow в этом году 😄
Места ограничены, так что залетай скорее и регистрируйся по ссылке.
[получить доступ к бесплатному курсу здесь]
А вот и он — макет нового бесплатного курса ✨
Будем верстать сайт для российского бренда мебели Eburet. 6 уроков, 6 домашек, фокусируемся на анимациях.
Кто с нами? 🥹
Эта неделя богата на обновления в Webflow. Собрали их всех в один небольшой пост 🦾
↗️ Запустили варианты для компонентов
Теперь в Webflow можно задавать несколько вариантов стилей для одного компонента.
Например, «Кнопка» с заливкой или контуром, «Карточка» с горизонтальным или вертикальным оформлением и многое другое. Это упрощает настройку и делает дизайн более гибким. Детали тут.
↗️ Появились новые типы переменных
С этой недели можно использовать числа и проценты в качестве переменных в дизайн-системах.
Например, «body» сайта всегда должно быть настроено следующим образом:
• Font weight: 400
• Font size: 1rem
• Line height: 1.4
• Font family: Inter
Теперь можно сохранить вес шрифта и высоту строки без единицы измерения в качестве числовых переменных. Подробности на сайте.
↗️ Команда «Slash» в ричтексе
Теперь с помощью символа “/” можно вставлять такие элементы, как изображения, видео, заголовки, блоки кода, цитаты и многое другое. Детали тут.
25 ноября выходит новый бесплатный курс по Webflow 🖼️
В этот раз он необычный! Помните, мы спрашивали про российские бренды, которые вам нравятся?
Так вот, на этом бесплатнике мы решили сделать нашу версию сайта для стильной студии мебели Eburet. У ребят очень классный продукт, нам самим очень нравится. Поэтому кажется, что и вам будет очень интересно поработать над проектом ☺️
В этот раз программа курса будет сосредоточена на анимациях. Будет все: параллакс, анимация при прокрутке и наведении, разберемся даже с кастомными курсорами. И это еще не все!
Как обычно проходить курс можно студентам любого уровня. В общем, ждите, будет очень интересно 😏
Я тут обнаружил, что у меня в воркспейсе Webflow 186 проектов 🤔😅
А сколько у вас?
Всем привет 👋🏻
Сегодня на связи Коля, расскажу о буднях студии и о том, что у нас сейчас в работе.
Все вы, наверное, видели ребрендинг агентства SETTERS. Благодаря ребятам из Reboot нам удалось приложить к этому руку и взять на себя разработку сайта агентства. Проект был непростым: мы впервые объединили классического разработчика и Webflow-разработчика. Не обошлось без эксцессов, но нам удалось справиться. Вообще, микс разработки — это тема для отдельного поста.
Мы ещё в процессе, что-то дорабатываем, работаем с бэклогом. Но в целом текущий результат — это, наверное, один из самых ярких и красивых проектов в нашем портфолио 💙
Пока ловите пощелкать первую версию — позже выкатим финальную версию!
Ура! Наконец закрыли все самые популярные вопросы про SEO на сегодняшнем прямом эфире 📹
Для всех, кто не смог присутствовать, традиционно оставляем запись трансляции. Она будет в открытом доступе до 16 ноября 23:59 мск, после чего автоматически удалится. Так что с просмотром советуем не затягивать.
🌐 запись на youtube
💬 запись в vk
Завтра — последний день, когда можно попасть на 15 поток. Это самое выгодное предложение, по которому можно забрать место на Webflow Basic. В программе курса:
• полный разбор интерфейса Webflow
• все базовые анимации
• настройка интеграций, адаптивности и так далее
• SEO-оптимизация
• верстка готовых проектов для портфолио
• выход на биржу фриланса Upwork
• реальная практика-соревнование Битва верстальщиков
Ознакомиться с программой подробнее можно на нашем сайте.
🌐 Завтра в 19:00 мск проведем прямой эфир на тему «SEO оптимизация в Webflow: миф или реальность?»
Эфир будет вести наш ментор Маша. А Коля и Паша выступят в роли клиентов и будут задавать вопросы по базовым и продвинутым настройкам SEO в Webflow. Тема очень актуальная как для новичков, так и для продвинутых wf-разработчиков. Клиентов это интересует всегда.
Так что ставьте напоминания и присоединяйтесь 😏
Что делать, если клиент просит провести оплату не через Upwork? 💰
Начнем с легкого off topic. Недавно вышла новость, что Webflow официально запартнерился с Upwork. Если коротко, то биржа замутила отдельную категорию для сертифицированных WF-разработчиков.
На деле же новость просто показывает, что ребята из Webflow в курсе, насколько много работы для WF-разработчиков на Upwork. Поэтому и партнерятся с ними 🤝
Возвращаясь к теме. Что же все-таки делать, если вы WF-разработчик, который нашел клиента на Upwork, а он настаивает на том, чтобы оплату провести не через биржу?
Для начала нужно понять зачем это клиенту. Upwork забирает 15% комиссию от бюджета проекта у клиента и 10% дохода у фрилансера. При этом, когда клиент заключает с вами контракт, деньги на его аккаунте замораживаются. И только после того, как клиент получит выполненную работу, в течение 7-14 дней Upwork начисляет средства фрилансеру.
Конечно, некоторых это может подталиквать на оплату напрямую без комиссии бирже. Такие случаи чуть более рискованые, но все же они случаются. Когда их можно рассматривать?
Если вы работаете с клиентом очень долго и уже готовы составить договор, чтобы перейти на фулл-тайм. Либо вы уже выполнили 2-3 проекта успешно и все равно вполне доверяете друг другу.
В таком случае чаще всего, если клиент из Европы илм Америки (их больше всего на Upwork), вам нужен будет счет за рубежом. Чтобы принимать деньги в евро или долларах напрямую. Если же есть только российский счет, то вот как можно поступить:
• открыть зарубежный счет (наша статья по этой теме)
• открыть Payoneer, сейчас это непросто, но мы всем студентам даем конаткты проверенного помощника
• открыть крипто-кошелек и принимать деньги в USDT
Бывает еще и так. Например, клиент работает в криптоиндустрии и предлагает оплату в токенах. Если вам так ок, то почему бы и нет 😎
У наших учеников были похожие случаи и все проходило относительно успешно. Но если у кого-то были фейлы, то напишите нам. Чтобы мы рассказали о таком опыте и обезопасили ребят.
😇 кстати, на этой неделе в среду-четверг планируем прямой эфир. Темой поделимся чуть позже в канале.
Записываем уроки к бесплатному курсу по продуктовому дизайну ✨
Активно готовимся к запуску курса. Артем с командой записали почти уже все уроки для бесплатника, сейчас они на монтаже. Если все пойдет по плану, то на следующий неделе уже можно будет попробовать наше новое обучение.
Вы как, планируете проходить курс? 🥹
Привет, поговорим о тестировании ваших проектов ✅
Тестирование сайта — один из самых важных этапов разработки. Это не только техническая проверка, но и важный показатель качества сервиса, который предоставляет разработчик своему клиенту.
↗️ Но часто на этом этапе возникают проблемы, почему?
Во-первых, когда разработчик долго работает над проектом (даже 5−7 дней), «замыливается глаз». Какие-то вещи можно просто перестать замечать. Например, у вас есть бэклог задач, поэтому вы сосредоточены на одной из них, при этом параллельные задачи могут упускаться. Я и сам могу сталкиваться с этой проблемой.
Во-вторых, если фокус сосредоточен на одной задаче, то можно не заметить изменений в другой части проекта, на которую повлияло ваше первое решение.
В-третьих, мы все-таки разработчики, а не дизайнеры. Поэтому можем не замечать проблемы с отступами или размерами текста. Если в UI-ките есть параграфы размером 16 и 18 пикселей, то разницу в 2 пикселя вы, скорее всего, не увидите. Особенно если работаете, например, с Client First или на мониторе 2K.
↗️ Как это можно исправить?
Первое — у нас есть чек-лист, по которому можно шаг за шагом проверить проект перед сдачей. Но он больше касается не визуальной части, а именно технической.
Визуальная же часть проверяется через тестирование на различных устройствах и с использованием дополнительных плагинов. Они позволяют замерять отступы, размеры шрифтов и так далее.
В идеале тестирование должен проводить другой человек. Не тот, кто разрабатывал проект и вносил правки. Это позволяет взглянуть на проект свежим взглядом. Сейчас рынок тестировщиков в России перенасыщен, так что найти специалиста за ок цену вполне реально. Например, за 500 рублей в час. И, да, это нормально, если в смете для клиента будет отдельным пунктом «Тестирование — 10 часов, 5.000 рублей».
Если у вас нет возможности найти тестировщика, можно воспользоваться бесплатным сервисом, например Juniors, где можно найти специалистов на начальном уровне.
Второе — используем поблочное тестирование. Проверяем первый блок в разрешении, соответствующем дизайну (например, 1440 пикселей, 768 пикселей, 375 пикселей и другие брейкпоинты). А затем дотошно проверяем вручную или с помощью плагинов. Сравниваем отступы и размеры шрифтов с дизайном.
↗️ Какие сервисы использовать для тестирования?
Для проверки сайта на реальных устройствах есть платные и бесплатные сервисы. Запуск через Chrome Web Tools и Safari DevTools не всегда позволяет увидеть все нюансы, особенно на планшетах (например, iPad Air, iPad Mini). Если у вас нет под рукой MacBook с Safari, вы рискуете не заметить ошибки, связанные с эффектами, блюрами, back-drop-фильтрами и другими CSS-свойствами, которые могут некорректно работать.
Если у вас есть MacOS устройство, вы можете использовать XCode для эмуляции устройств. Если устройств нет, воспользуйтесь этим сервисом или этим.
Кажется, что все протестировали? Если ошибок не нашли, то сбросьте сайт ребятам из комьюнити PP и попросите его оценить. С большой вероятностью кто-то заметит ошибки, которые вы пропустили.
Расскажите, как вы тестируете свои проекты, будет классно, если поделитесь какими-нибудь еще советами 😏
Ребята, как вам прямой эфир про анимации с Никитой? Делитесь в комментах, будет интересно почитать вашу обратную связь 📖
Запись трансляции для тех, кто не смог присутствовать, будет доступна до 7 декабря 23:59 мск:
🌐 запись на youtube
💬 запись в vk
Если еще не определились, точно ли вам нужно обучение, то советуем еще раз посмотреть на то, что вам удалось сделать на бесплатном курсе. И на результаты нашего выпускника Никиты для вдохновения ☺️
Курс длится 3 месяца. Представьте, что спустя это время у вас уже будет готовое портфолио разработчика и можно будет брать первых клиентов.
Посмотреть программу и оставить заявку ↗
Задать вопрос ↗
Ребята, завтра планируем классный прямой эфир 🌐✨
На этот раз провести эфир мы пригласили спикера Никиту Чернышова. Сейчас он работает старшим продуктовым дизайнером в GigaCode, проекте Сбера. В продуктовом дизайне у него 4.5 года опыта. Никита запускал продуктивити апп в Яндексе, влиял на общий вижн Яндекс 360.
Планируйте в 19:00 мск, встречаемся в YouTube и ВК 🤝🏼
Рабочая музыкальная подборка на понедельник 🎼
Все знают, что в Японии уникальная культура труда? Японцы действительно много работают, у них даже есть специальный термин «кароси», который буквально обозначает «смерть от переработки» 😵
А еще у них уникальная музыкальная культура. Чтобы лучше расслабляться после работы. Ну и работать под современную японскую музыку — наслаждение.
– для тех, кто любит поработать в спокойствии
– для тех, кто хотел бы понедельник пободрее
– для тех, кто хочет и того, и другого
P.S. а это микс для тех, кому никакая Япония для работы не нужна и кого вдохновляет знакомая обстановка 🤭
Всем привет, хотим узнать ваше мнение о новом бесплатном курсе ✍🏼
Вчера мы зарелизили бесплатник по анимациям в Webflow, ссылка на него выше. А уже в декабре планируем выпустить первый бесплатный курс по продуктовому дизайну.
Сейчас речь пойдет как раз о нем.
Основной концепт бесплатного курса по дизайну — разработка фичи для приложения по доставке еды 😇
Хотим за 7 дней максимально погрузить участников курса в рутину продуктового дизайна:
・ начнем с функционала Figma — разберем UI kit и перерисуем экраны
・ продолжим исследованиями — сгенерируем и отработаем гипотезы
・ проведем интервью — с родными, ChatGPT, в чате или незнакомыми людьми
・ сделаем конкурентный анализ и отрисуем юзер флоу
・ закончим отрисовкой экранов по референсам
Будем двигаться примерно по этой программе. Расскажите, пожалуйста, и ваше мнение, чтобы мы понимали, насколько этот план для вас актуален 🥹
Ну и расскажите тут в комментах, что было бы интереснее реализовывать: фичу для приложения или для ПК?
Релиз нового бесплатного курса будет завтра!
Все уже готово, но решили финально шлифануть организационные моменты. Поэтому откроем доступ завтра в первой половине дня. Подкопите силы 💪
Сегодня Артем делится, почему наша команда решила создать курс по продуктовому дизайну 😇 Вот что мы учитывали:
🤝🏼 Оценили порог входа
Для того, чтобы выйти на первую работу, продуктовому дизайнеру нужно около полугода. Чаще всего будет студия либо маленький продукт. Примерно через 1-2 года после этого можно будет попасть в хороший продукт.
📈 Заметили постоянно растущий спрос
Спрос сейчас огромный, вакансий очень много, дизайн-отделы расширяются из года в год и появляется больше возможностей. Но помимо этого, растут также и требования. Уже недостаточно просто иметь крупные проекты в портфолио или классные навыки в UI. Чем больше сейчас у соискателя уникальных или редких скиллов, тем легче ему найти работу.
А еще из-за уровня требований на рынке устроиться в компанию случайно не получится. При этом 90% соискателей не умеют искать работу и проходить все этапы собеседований. На нашем курсе я готовлю подробную программу по поиску работы и научу ребят отличаться на рынке труда.
🎨 Понравилось, что профессия — смесь творчества и аналитики
Профессия эта и творческая, и аналитическая одновременно. Каждый найдет то, что ему интересно. У меня, например, скорее аналитический склад ума и именно эта часть работы мне приносит больше удовольствия. Но при этом я обязательно разбавляю свои профессиональные будни творчеством. Так что работа мне не надоедает.
🙈 Заметили, что другим курсам на рынке кое-чего не хватает
Другие курсы оторваны от реальности. Они учат либо по методичке пятилетней давности, либо отрываются от рабочих задач. Очень часто замечал, что ученики таких курсов выходят со знаниями, но без умения эти знания применять. Поэтому они реально теряются на первых работах.
Плюс ко всему, у учеников курсов по дизайну чаще всего эти курсы — это первая точка входа в IT. Трудоустройство в этой сфере всегда сильно отличается от других работ. Поэтому очень важно давать ребятам понимание, как работает команда в целом, какие внутри нее происходят процессы и как правильно адаптироваться, чтобы на работе не было проблем.
Работать или отдыхать в новогодние праздники? 🎄
Заметил, что чем старше становлюсь, тем более четкий план на праздники у меня появляется.
Традиционно Новый год для меня — это семейный праздник. Поэтому я всегда стараюсь прилететь к родителям в Екатеринбург, чтобы провести время вместе. А работать в семейном доме очень непросто. У кого родители живут в другом городе, те меня прекрасно поймут. Но вот уже который год я стараюсь долго не засиживаться у родителей и уже 2-3 числа уезжаю кататься на сноуборде на несколько дней вместе с друзьями. И до 5 числа я обычно в режиме «не беспокоить».
А вот вторая половина праздников у меня всегда рабочая. В это время удаётся закрыть задачи, которые долго откладывал. Когда ещё сосредотачиваться, если не на праздниках, когда все вокруг отдыхают? 🥹
Знаю, что многие наши студенты тоже используют это время для учёбы. И, на мой взгляд, это классная идея. Можно полностью погрузиться в процесс, без ежедневной суеты и отвлекающих факторов.
В нашей команде не все придерживаются такого же графика, как у меня. Большинство ребят пользуются своим правом на долгие каникулы и отдыхают 😴
А что выбрали вы? Работать или отдыхать? Поделитесь в комментариях — интересно узнать, как вы проводите праздники.
Кстати, предстоящий январь будет для меня совсем необычным: впервые собираюсь на зимовку, поеду на Бали. Это мой первый опыт зимовки в тёплой стране, и я уже в большом предвкушении. Чувствую, что если сменить серость на солнышко, то это поможет сохранить энергичность и не терять рабочий темп 😎
Любим HH за возможность оценить ситуацию на рынке 📝
Сегодня на этом ресурсе смотрим, как дела в России у продуктовых дизайнеров. Вот краткий срез:
• 1.060 вакансии в регионе, это буквально в 10 раз больше, чем для Webflow-разработчиков 🙃
• зарплатная вилка для джунов: от 80 до 120 тысяч рублей
• для миддлов: от 120 до 240 тысяч рублей
• для синьоров: от 300 тысяч рублей и выше
Ну и посмотрели на основные требования к кандидатам:
• владение Figma 🖼️
• создание и поддержка интерфейсов
• подготовка дизайна для передачи в разработку
• прототипирование разной степени детализации
• работа с гипотезами, материками и большим количеством данным
• проведение исследований (кстати, заметили, что большинство курсов этим немного пренебрегают 🧐)
Ближе к концу недели Артем (автор нового курса) поделится, почему мы все-таки решили выбрать для курса продуктового дизайн.
P.S. пока делали ресерч, наткнулись на вакансию для Webflow-разработчиков. Делимся тут.
Помните этот легендарный видос?
Смотрите, что Webflow-энтузиаст сделал, используя только Div-блоки 🙂
Тут можно клонировать этот мемный тоггл себе, а тут посмотреть подробный туториал по его созданию на YouTube.
Когда выйдет этот пост, наша выпускница Маша будет еще спать. Потому что сейчас она живет в США, зарабатывает версткой на Webflow и даже планирует открывать там студию 😏
Рассказываем эту вдохновляющую историю от ее лица!
Когда мы с семьей решили переехать в США, я поняла, что самое время окончательно сменить профессию. Так мои 15 лет работы в рекламе превратились во фриланс. Я планировала одновременно погружаться и в дизайн, и в верстку. Но последнее оказалось сомнительным удовольствием, потому что я выбрала Tilda.
Именно поэтому я быстро начала искать альтернативы. Долго сравнивала, но в итоге остановилась на 🖼️ Webflow. Я не сразу пришла в Pixel Perfect. Перед курсом здесь у меня был еще один курс, где мне не хватило поддержки и комьюнити. Курс этого просто не предусматривал. Но зато на нем я поняла, что Webflow после Тильды — чистый кайф.
У 😇 Pixel Perfect подача материала на курсе легкая и приятная, я до сих пор иногда возвращаюсь к некоторым урокам. А самый большой восторг я получила от Битвы верстальщиков. Было ооооочень сложно, но я смогла ее пройти и невероятно горжусь собой.
А вообще самое крутое, что у есть в PP — это сообщество приятных ребят, которые поддерживают друг друга. Это не мертвые чаты, где миллион людей и мало кто отвечает на вопросы, это семья. Я очень рада, что теперь в ней 🫂
Сейчас у меня достаточно амбициозные планы. Я планирую открыть тут небольшую студию, уже заканчиваю дизайн ее сайта (конечно, он будет на Webflow) и плавно отказываюсь от заказов на Тильде. В команде уже есть копирайтер и супер-опытный рекламщик.
А еще хочу сказать отдельное спасибо кураторам за помощь, поддержку и доверие. После выпуска Паша делегировал мне один заказ на Webflow. Договоры уже все подписали. Сейчас заказ на стадии завершения дизайна, скоро будем приступать к верстке ✨
Прямой эфир «SEO оптимизация в Webflow - миф или реальность?» сегодня в 19:00 🎬
Сегодняшнюю трансляцию проведем в необычном формате FAQ. Коля и Паша на один час станут клиентами и зададут все самые популярные вопросы про SEO Маше, нашему ментору. Что обсудим?
▪️ Базовые настройки SEO в Webflow
• html-теги для текста и блоков
• как правильно заполнить Title и Description
• настройка OpenGraph для социальных сетей
• как установить Favicon
• альтексты для изображений
▪️ Продвинутые возможности SEO в Webflow
• как создать sitemap.xml и настроить robots.txt
• использование канонических тегов для избежания дублирования контента
▪️ Микроразметка в Webflow
• как добавить микроразметку для улучшения видимости вашего сайта в поисковиках
Присоединяйтесь! Посмотреть эфир можно будет сразу на двух платформах:
🌐 трансляция на youtube
💬 трансляция в vk
Отношения разработчиков и дизайнеров — тема вечная. И пока все пытаются наладить между ними отношения, мы решили, наоборот, добавить немного «горькой» правды. И честно рассказать, почему одни бесят других.
Поэтому Маша, наш ментор, подготовила топ самых распространенных и самых выбешивающих ситуаций, с которыми сталкиваются разрабы в работе с дизайнерами 🚨
🖥 Плохо подготовленный макет
На разных брейкпоинтах тексты могут отличаться по содержанию. И только потому, что дизайнер забыл его где-то поменять. А ты сидишь и гадаешь: это так и задумано было или это все-таки ошибка дизайнера? Такие несостыковки в адаптивах могут встречаться не только в текстах, но и на любых элементах, блоках и стилях
✨ Анимации
Дизайнеры часто придумывают в своей голове то, что они сами не до конца понимают, как должно выглядеть. Это затрудняет работу разраба, ведь нет четкого ТЗ. Поэтому еаступает момент импровизации: разраб должен угадать, что имел в виду дизайнер или сделать так, чтоб ему просто понравилось
🔷 Применение различных эффектов и масок
Маски — это чисто графическая фишка, которой в разработке нет в том виде, в котором она существует в Figma или Photoshop. Поэтому каждый раз приходится устраивать танцы с бубнами. А еще в графике есть градиентная обводка, а в разработке существует лишь градиентная заливка
Разработчики, есть что добавить? Дизайнеры, есть что ответить? 😅
Результаты новой Битвы верстальщиков 👏
Участники нашего главного соревнования продолжают удивлять. Казалось бы, ну куда уже профессиональнее и круче. А вот, оказывается, куда. Про Битву мы рассказывали и не один раз. Поэтому сегодня впечатлениями поделится один из ее участников, наш студент Константин.
Битва верстальщиков — отличная идея. Считаю её одной из самых полезных в PP. Во время соревнования скорость и качество усвоения материала увеличиваются многократно. Приходится много пробовать и искать информацию в разных источниках. Метод проб и ошибок тоже хорошо помогает.
И, конечно, работа в команде. Это большой плюс. Всегда есть возможность прояснить трудный вопрос, поделиться опытом. Многое здесь зависит и от капитана. У нас в команде был хороший 😍 Ещё один плюс: остаются личные контакты и кто знает, как они помогут нам в дальнейшем.
Скажу так: если бы не было Битвы, то работа над выпускным проектом была бы намного тяжелее. Ну и пара советов для тех, кому соревнование ещё предстоит:
• верьте в себя
• общайтесь с командой
• помогайте и вам помогут
• если трудно или если решение долго не находится, лучше не зацикливаться на нем, не ходить по кругу, а переключиться на другую секцию. В голове все равно будет идти процесс и решение придёт
• смотрите «во все стороны»: YouTube, Made in Webflow, ChatGPT и обязательно общайтесь
Кстати, с чатом GPT многое зависит от промта. Чем чётче и подробнее, тем лучше. Но даже если чату был задан нечёткий промпт, то во время диалога не исключена «эврика».
В общем, советую каждому пройти этот квест. А ребятам из РР огромный респект за идею ❤️
Ловите ссылки, чтобы можно было оценить проекты вживую: сайт команды #1 и сайт команды #2.