Pixel Perfect

Pixel Perfect

@pixeleperfect
Изображение канала: Pixel Perfect
5988 подписчикoв
24 постов
Посты
Изображение канала: Pixel Perfect

Pixel Perfect

Новости
1 д.
@pixeleperfect
Эта неделя богата на обновления в Webflow. Собрали их всех в один небольшой пост 🦾 ↗️ Запустили варианты для компонентов Теперь в Webflow можно задавать несколько вариантов стилей для одного компонента. Например, «Кнопка» с заливкой или контуром, «Карточка» с горизонтальным или вертикальным оформлением и многое другое. Это упрощает настройку и делает дизайн более гибким. Детали тут. ↗️ Появились новые типы переменных С этой недели можно использовать числа и проценты в качестве переменных в дизайн-системах. Например, «body» сайта всегда должно быть настроено следующим образом: • Font weight: 400 • Font size: 1rem • Line height: 1.4 • Font family: Inter Теперь можно сохранить вес шрифта и высоту строки без единицы измерения в качестве числовых переменных. Подробности на сайте. ↗️ Команда «Slash» в ричтексе Теперь с помощью символа “/” можно вставлять такие элементы, как изображения, видео, заголовки, блоки кода, цитаты и многое другое. Детали тут.
Изображение поста
Изображение канала: Pixel Perfect

Pixel Perfect

Гайды
4 д.
@pixeleperfect
25 ноября выходит новый бесплатный курс по Webflow 🖼️ В этот раз он необычный! Помните, мы спрашивали про российские бренды, которые вам нравятся? Так вот, на этом бесплатнике мы решили сделать нашу версию сайта для стильной студии мебели Eburet. У ребят очень классный продукт, нам самим очень нравится. Поэтому кажется, что и вам будет очень интересно поработать над проектом ☺️ В этот раз программа курса будет сосредоточена на анимациях. Будет все: параллакс, анимация при прокрутке и наведении, разберемся даже с кастомными курсорами. И это еще не все! Как обычно проходить курс можно студентам любого уровня. В общем, ждите, будет очень интересно 😏
Изображение поста
Изображение канала: Pixel Perfect

Pixel Perfect

Вакансии
4 д.
@pixeleperfect
Любим HH за возможность оценить ситуацию на рынке 📝 Сегодня на этом ресурсе смотрим, как дела в России у продуктовых дизайнеров. Вот краткий срез: • 1.060 вакансии в регионе, это буквально в 10 раз больше, чем для Webflow-разработчиков 🙃 • зарплатная вилка для джунов: от 80 до 120 тысяч рублей • для миддлов: от 120 до 240 тысяч рублей • для синьоров: от 300 тысяч рублей и выше Ну и посмотрели на основные требования к кандидатам: • владение Figma 🖼️ • создание и поддержка интерфейсов • подготовка дизайна для передачи в разработку • прототипирование разной степени детализации • работа с гипотезами, материками и большим количеством данным • проведение исследований (кстати, заметили, что большинство курсов этим немного пренебрегают 🧐) Ближе к концу недели Артем (автор нового курса) поделится, почему мы все-таки решили выбрать для курса продуктового дизайн. P.S. пока делали ресерч, наткнулись на вакансию для Webflow-разработчиков. Делимся тут.
Изображение поста
Изображение канала: Pixel Perfect

Pixel Perfect

Гайды
7 д.
@pixeleperfect
Помните этот легендарный видос? Смотрите, что Webflow-энтузиаст сделал, используя только Div-блоки 🙂 Тут можно клонировать этот мемный тоггл себе, а тут посмотреть подробный туториал по его созданию на YouTube.
Изображение канала: Pixel Perfect

Pixel Perfect

Блоги
8 д.
@pixeleperfect
Всем привет 👋🏻 Сегодня на связи Коля, расскажу о буднях студии и о том, что у нас сейчас в работе. Все вы, наверное, видели ребрендинг агентства SETTERS. Благодаря ребятам из Reboot нам удалось приложить к этому руку и взять на себя разработку сайта агентства. Проект был непростым: мы впервые объединили классического разработчика и Webflow-разработчика. Не обошлось без эксцессов, но нам удалось справиться. Вообще, микс разработки — это тема для отдельного поста. Мы ещё в процессе, что-то дорабатываем, работаем с бэклогом. Но в целом текущий результат — это, наверное, один из самых ярких и красивых проектов в нашем портфолио 💙 Пока ловите пощелкать сниппет — позже выкатим финальную версию!
Изображение канала: Pixel Perfect

Pixel Perfect

Гайды
8 д.
@pixeleperfect
Через час пройдет первая встреча студентов Webflow Basic 😇 Представляете, это уже 15 поток! Получается, что через 3 месяца к нашим выпускникам присоединится еще один десяток классных разработчиков. А еще символично, что ребята успеют освоить новую для себя профессию до Нового 2025 года. Сегодня — последний день акции –45%. Кто хотел, но сомневался, это ваш последний шанс. Промокод: ELEVENPIXEL. Оставить заявку можно на сайте.
Изображение поста
Изображение канала: Pixel Perfect

Pixel Perfect

Блоги
9 д.
@pixeleperfect
Когда выйдет этот пост, наша выпускница Маша будет еще спать. Потому что сейчас она живет в США, зарабатывает версткой на Webflow и даже планирует открывать там студию 😏 Рассказываем эту вдохновляющую историю от ее лица! Когда мы с семьей решили переехать в США, я поняла, что самое время окончательно сменить профессию. Так мои 15 лет работы в рекламе превратились во фриланс. Я планировала одновременно погружаться и в дизайн, и в верстку. Но последнее оказалось сомнительным удовольствием, потому что я выбрала Tilda. Именно поэтому я быстро начала искать альтернативы. Долго сравнивала, но в итоге остановилась на 🖼️ Webflow. Я не сразу пришла в Pixel Perfect. Перед курсом здесь у меня был еще один курс, где мне не хватило поддержки и комьюнити. Курс этого просто не предусматривал. Но зато на нем я поняла, что Webflow после Тильды — чистый кайф. У 😇 Pixel Perfect подача материала на курсе легкая и приятная, я до сих пор иногда возвращаюсь к некоторым урокам. А самый большой восторг я получила от Битвы верстальщиков. Было ооооочень сложно, но я смогла ее пройти и невероятно горжусь собой. А вообще самое крутое, что у есть в PP — это сообщество приятных ребят, которые поддерживают друг друга. Это не мертвые чаты, где миллион людей и мало кто отвечает на вопросы, это семья. Я очень рада, что теперь в ней 🫂 Сейчас у меня достаточно амбициозные планы. Я планирую открыть тут небольшую студию, уже заканчиваю дизайн ее сайта (конечно, он будет на Webflow) и плавно отказываюсь от заказов на Тильде. В команде уже есть копирайтер и супер-опытный рекламщик. А еще хочу сказать отдельное спасибо кураторам за помощь, поддержку и доверие. После выпуска Паша делегировал мне один заказ на Webflow. Договоры уже все подписали. Сейчас заказ на стадии завершения дизайна, скоро будем приступать к верстке ✨
Изображение поста
Изображение канала: Pixel Perfect

Pixel Perfect

Гайды
9 д.
@pixeleperfect
Ура! Наконец закрыли все самые популярные вопросы про SEO на сегодняшнем прямом эфире 📹 Для всех, кто не смог присутствовать, традиционно оставляем запись трансляции. Она будет в открытом доступе до 16 ноября 23:59 мск, после чего автоматически удалится. Так что с просмотром советуем не затягивать. 🌐 запись на youtube 💬 запись в vk Завтра — последний день, когда действуют максимальные –45% на все наши курсы. Это самое выгодное предложение, по которому можно забрать место на Webflow Basic. В программе курса: • полный разбор интерфейса Webflow • все базовые анимации • настройка интеграций, адаптивности и так далее • SEO-оптимизация • верстка готовых проектов для портфолио • выход на биржу фриланса Upwork • реальная практика-соревнование Битва верстальщиков Ознакомиться с программой подробнее и воспользоваться скидкой можно на нашем сайте. Для получения скидки вводите промокод ELEVENPIXEL ✨
Изображение поста
Изображение канала: Pixel Perfect

Pixel Perfect

Гайды
10 д.
@pixeleperfect
Прямой эфир «SEO оптимизация в Webflow - миф или реальность?» сегодня в 19:00 🎬 Сегодняшнюю трансляцию проведем в необычном формате FAQ. Коля и Паша на один час станут клиентами и зададут все самые популярные вопросы про SEO Маше, нашему ментору. Что обсудим? ▪️ Базовые настройки SEO в Webflow • html-теги для текста и блоков • как правильно заполнить Title и Description • настройка OpenGraph для социальных сетей • как установить Favicon • альтексты для изображений ▪️ Продвинутые возможности SEO в Webflow • как создать sitemap.xml и настроить robots.txt • использование канонических тегов для избежания дублирования контента ▪️ Микроразметка в Webflow • как добавить микроразметку для улучшения видимости вашего сайта в поисковиках Присоединяйтесь! Посмотреть эфир можно будет сразу на двух платформах: 🌐 трансляция на youtube 💬 трансляция в vk
Изображение поста
Изображение канала: Pixel Perfect

Pixel Perfect

Блоги
11 д.
@pixeleperfect
Что делать, если клиент просит провести оплату не через Upwork? 💰 Начнем с легкого off topic. Недавно вышла новость, что Webflow официально запартнерился с Upwork. Если коротко, то биржа замутила отдельную категорию для сертифицированных WF-разработчиков. На деле же новость просто показывает, что ребята из Webflow в курсе, насколько много работы для WF-разработчиков на Upwork. Поэтому и партнерятся с ними 🤝 Возвращаясь к теме. Что же все-таки делать, если вы WF-разработчик, который нашел клиента на Upwork, а он настаивает на том, чтобы оплату провести не через биржу? Для начала нужно понять зачем это клиенту. Upwork забирает 15% комиссию от бюджета проекта у клиента и 10% дохода у фрилансера. При этом, когда клиент заключает с вами контракт, деньги на его аккаунте замораживаются. И только после того, как клиент получит выполненную работу, в течение 7-14 дней Upwork начисляет средства фрилансеру. Конечно, некоторых это может подталиквать на оплату напрямую без комиссии бирже. Такие случаи чуть более рискованые, но все же они случаются. Когда их можно рассматривать? Если вы работаете с клиентом очень долго и уже готовы составить договор, чтобы перейти на фулл-тайм. Либо вы уже выполнили 2-3 проекта успешно и все равно вполне доверяете друг другу. В таком случае чаще всего, если клиент из Европы илм Америки (их больше всего на Upwork), вам нужен будет счет за рубежом. Чтобы принимать деньги в евро или долларах напрямую. Если же есть только российский счет, то вот как можно поступить: • открыть зарубежный счет (наша статья по этой теме) • открыть Payoneer, сейчас это непросто, но мы всем студентам даем конаткты проверенного помощника • открыть крипто-кошелек и принимать деньги в USDT Бывает еще и так. Например, клиент работает в криптоиндустрии и предлагает оплату в токенах. Если вам так ок, то почему бы и нет 😎 У наших учеников были похожие случаи и все проходило относительно успешно. Но если у кого-то были фейлы, то напишите нам. Чтобы мы рассказали о таком опыте и обезопасили ребят. 😇 кстати, на этой неделе в среду-четверг планируем прямой эфир. Темой поделимся чуть позже в канале.
Изображение поста
Изображение канала: Pixel Perfect

Pixel Perfect

Блоги
15 д.
@pixeleperfect
Заглянули в портфолио к Эльвире, ученице нашей школы. И вот что там нашли ↓ • Эльвира из Питера, по образовнию юрист, а по призванию UX/UI дизайнер • прошла курс для новичков, а сейчас учится на курсе для опытных • обожает PP-комьюнити: «Самые лучшие люди, самая лучшая поддержка, все друг другу помогают, и я не устану это повторять» • до нашего обучения прошла два других курса, но все еще была недовольна портфолио и боялась откликаться на вакансии • немного DJ, создает атмосферные плейлисты В общем, Эльвира — супер-умница, такими учениками невозможно не гордиться. А свой путь во взрослую верстку у нее начался (вот сейчас будет неожиданно 😈) с бесячий Тильды. После неудачной борьбы с ней она наткнулась на наш воркшоп по Webflow. И тут понеслось. Эльвира говорит, что главное преимущество Webflow для нее — это супер-понятный интерфейс и куча кастомных возможностей для элементов, которых не было на Тильде. Короче, одно сплошное удовольствие. После того, как курс закончился, наступило время искать проекты и клиентов. И тут Эльвира тоже поступила верно ☺️ Она сразу взялась верстать сайт друзьям за символические суммы. Чтобы наработать опыт и проекты для портфолио. Параллельно в чате откликнулась на клич задизайнить сайт, где заколлабилась с Лешей. Ему отдельное спасибо от Эльвиры за то, насколько увереннее она стала себя чувствовать как дизайнер. Потом пошли заказы на сайты от знакомых и знакомых знакомых. Сейчас Эльвира работает дизайнером продукта в компании, которая специализируется на биометрических системах безопасности. И параллельно берет небольшие заказы на разработку сайтов на Webflow 🦾 В планах дальше — изучение GSAP, новые анимации и прокачка навыков верстки на Webflow. Ведь рынку точно нужны мультизадачные спецы. На гифке один из проектов Эльвиры для транспортой компании. Интересно, что даже не самые крупные российские бизнесы переходят на Webflow. А вот здесь можно посмотреть на все ее портфолио. И сразу связаться, если есть интересные предложения 🙂
Изображение канала: Pixel Perfect

Pixel Perfect

Гайды
16 д.
@pixeleperfect
Мы супер-рады познакомить вас с Артемом, автором курса по продуктовому дизайну 🔥 В дизайн он пришел из рекламы и сразу начал с работы в студии. Но затем быстро перешел в криптовалютный стартап, а оттуда попал в Росбанк и банк Открытие. Сейчас Артем — старший дизайнер в крупном классифайд сервисе 🏡 Домклик, продукт Сбера. Если собрать его опыт по фактам, то получится, что он успел: • поработать в 3 крупных банках РФ • лидить найм и менторство сотрудников • вести наставничества • поработать дизайнером в 20+ крупных креативных проектах, в том числе зарубежных А самое крутое — Артем уже подготовил программу курса! Она получилась очень подробная, целых 100 уроков. Мы очень довольны, а вы знаете, как непросто пройти наш контроль качества 🥹 В программе курса Артем сделал очень большой упор на трудоустройство. Знаем, что это ключевая боль наших студентов. Хотим делиться с вами всеми процессами, которые проходим во время записи обучения. Поэтому периодически следите за новостями. Кстати, на первый поток курса по продуктовому дизайну мы планируем разыграть бесплатное место. Ну а следующий этап — это концепт для бесплатного курса. Рабочая идея уже готова, она как обычно очень интересная. Ребята, накидайте реакций, чтобы поприветствовать Артема ☺️
Изображение поста
Изображение канала: Pixel Perfect

Pixel Perfect

Блоги
23 д.
@pixeleperfect
Зачем мы делаем бесплатные курсы? 🥹 Кажется, ответ очевиден. Чтобы прогреть новичков, а потом пригласить их на полноценное обучение. Но на самом деле стратегия у нас другая. Не все, кто проходит все наши бесплатные курсы, приходят потом на полноценное обучение. Но доступ мы не закрываем. Так как понимаем, что делаем важную работу для роста и развития 🦾 Webflow комьюнити в России. И наша уже ученица Анна (которая, кстати, прошла все бесплатники) с нами согласна. Вот какой отзыв она оставила. Чувствуется позитивный настрой ребят и желание продвигать ноу-код на российском рынке. Бесплатные курсы мне нравятся: они реально заставляют включать голову. Не просто повторять за ментором, а учат каждый раз чему-то новому. Мой первый бесплатный курс был с макетом сайта про погоду. Мне тогда показалось, что для новичка он был достаточно сложным, но интересным. Поэтому я понимаю тех, кто считает, что последний бесплатник сложноват для начинающих. Мне он понравился, но я помню то ощущение, с которым проходила свой первый курс. Не забывайте про бот поддержки. Там ответы на все вопросы приходят оперативно ☀️ А самым неудачным бесплатным курсом мне показался тот, где макет можно было собрать за 4 часа по UI-kit. Не хватило самостоятельности. Но по последним бесплатникам вижу, что ребята больше такого не допускают. [пройти последний бесплатный курс]
Изображение поста
Изображение канала: Pixel Perfect

Pixel Perfect

Блоги
31 д.
@pixeleperfect
Привет, это Маша. В эту субботу я была на конфе для разработчиков 💻 Все как всегда, но один спич о нетрадиционных способах развития запомнился. Главный тейк — счастливые люди развиваться не хотят. А вот несчастные, наоборот, постоянно ищут развития. Развитие условно можно разделить на две категории. Первая — развитие по специальности. Это изучение новой информации по своей теме, посещение разных мероприятий, работу с менторами, чтение специализированной литературы. Такое обучение успешнее всего осуществлять по принципу «10-20-70», где 10% — самостоятельное изучение, 20% — изучение с чьей-то помощью, а 70 — практика полученных знаний. Ну а со второй категорией, сменой деятельности, все понятно. Заняться тем, что вы никогда не изучали и идти туда, где страшно. Важно, конечно же, не опускать руки, но и завышать ожидания тоже не стоит. Многим кажется, что как только ты переборешь что-то сложное, то весь мир сразу будет у твоих ног. Но это так не работает. Кстати, смотрите какой я сфоткала слайд. Разработчики, скажите честно, вас реально драйвит именно это? 💸💰
Изображение поста
Изображение канала: Pixel Perfect

Pixel Perfect

Блоги
34 д.
@pixeleperfect
Для кого-нибудь жиза? Если да, то пост для вас 🧠 Это скрин с переводом оригинального поста на Reddit. Кажется, тут есть что обсудить. Webflow — непростой инструмент. С его помощью создаются готовые сайты и проекты. Поэтому да, он не осваивается за пару дней. Но вот если потратить на него пару недель, а лучше 2-3 месяца, то можно понять принцип работы и уже брать первых клиентов. Остальное — самостоятельная шлифовка текущих навыков в постоянной работе над реальными проектами. И этот период уже исчисляется не неделями, а месяцами и годами. ↗️ Вывод первый — не рассчитывайте на сверх-быстрый результат. Еще одна очень важная для понимания вещь. Изучение инструмента в одиночку (даже по обучающим материалам) и изучение инструмента с обратной связью и менторами отличаются. На скрине видно, что даже если вы уже связаны с дизайном, самостоятельное изучение Webflow кажется не самым простым занятием. ↗️ Вывод второй — по возможности углубляйтесь в новый навык по хорошим учебным материалам с обратной связью. И пару слов о мотивации. У многих она пропадает, когда они сталкиваются с первыми трудностями. Здесь все зависит от вашей силы воли. Стоит пробовать заставлять себя посидеть над задачей подольше. Не получается? Отдохнул, поспал, посмотрел на задачу под другим углом. Все еще нет? Ждем в чате комьюнити или боте поддержки с вопросом. Там точно неразрешимых задач не бывает. Обучение — путь, для кого-то легкий, для кого-то он труднее, но для всех преодолимый. Мы всегда поможем и оч надеемся никогда не увидеть от наших учеников такие сообщения, как на скрине 😅
Изображение поста
Изображение канала: Pixel Perfect

Pixel Perfect

Новости
36 д.
@pixeleperfect
Webflow Conf 2024: краткий обзор обновлений 🖼️ Помимо покупки GreenSock, на конференции показали еще несколько обновлений. Смотрим вместе 👀 ↗️ Webflow Analyze и Optimize Нативный инструмент для аналитики сайтов Webflow Analyze выйдет в этом месяце. А Webflow Optimize, нативное решение для A/B-тестирования, персонализации и маркетинга, доступен уже сейчас, но только на сайтовых планах. Функционал для маркетологов — крутой. Некоторые приложения теперь можно будет интегрировать нативным решением. Разработчикам удобно, что больше не нужно мучиться, чтобы подрубать сторонние сервисы. Для фрилансеров, которые сделали и отдали сайт, пока что выглядит немного бесполезно. Optimize: цены стартуют от $299 в месяц, Analyze от $29 в месяц. ↗️ Webflow Localization На базовом тарифе уже появилась возможность стилизовать элементы не только в основной локали. Раньше такой возможности не было. Есть сподвижки в плане экономии и дополнительные плюшки для форм. Также по логике, мощности обработки запросов по API увеличатся. ↗️ Улучшения CMS Уже добавлены новые CMS API, поддерживающие массовые операции. Это упростит импорт данных из сторонних источников. А еще в течение года увеличатся уровни вложенности в CMS. Кажется, что Webflow все больше ориентируется на корпоративные решения. Внимательно следим за тем, какие обновления нас ждут. Кстати, про нативный инструмент для GSAP в Webflow мы уже писали(https://t.me/pixeleperfect/1735) вчера, не забудьте послушать 🥹
Изображение поста
Изображение канала: Pixel Perfect

Pixel Perfect

Гайды
37 д.
@pixeleperfect
Доступ к бесплатному курсу все еще открыт! Видим, как за эти три года Webflow активно развивается. Вчерашние новости с обновлениями после конференции это подтверждают. Скоро Webflow выйдет на новый мировой уровень и захватит не только разработку сайтов, но и целых сервисов 😈 Первый шаг к изучению — этот бесплатный курс. На нем мы верстаем полноценный сайт за 8 уроков, макет на прикрепленном изображении. Присоединяйтесь 😏 ↗ бесплатный курс
Изображение поста
Изображение канала: Pixel Perfect

Pixel Perfect

Блоги
40 д.
@pixeleperfect
Подглядели, что происходит у ребят нового потока Webflow Basic в чате 🥹 Ребята уже друг другу представились, познакомились и даже успели обсудить первые уроки и ДЗ. Кстати, на этом потоке собрались ребята, которые живут и в Эстонии, и в Таиланде, и, конечно, в России. Webflow добрался везде 👍 Заодно делимся тем, что подсмотрели в чате. Такие слова всегда мотивируют!
Изображение поста
Изображение канала: Pixel Perfect

Pixel Perfect

Вакансии
42 д.
@pixeleperfect
Девушка придумала, как сделать так, чтобы все точно прочитали условия пользовательского соглашения. Разработчики, кто готов выкатить такое в прод?
Изображение канала: Pixel Perfect

Pixel Perfect

Блоги
43 д.
@pixeleperfect
Как упаковать кейс по разработке? Всем привет, это Коля! Сегодня расскажу как можно упаковать кейс по разработке на примере нашего студийного проекта. Посмотреть на него можно по этой ссылке. Он достаточно простой, поэтому вам не надо ничего выдумывать, достаточно идти по истории этого проекта 😏 1. Кейс начинается с формирования. В этом разделе нужно кратко описать задачу, которая перед вами стояла. 2. Следующий раздел — «Концепция». В нем нужно описать, как вы эту задачу решаете, то есть что вы придумали и сделали для ее решения. 3. Дальше переходим к «Общий пул задач». Здесь мы просто пошагово описываем, что мы делаем и как разрабатывается сайт. 4. Следующий пункт — это highlights. Это то, что вы сделали для того, чтобы достичь результатов по этой задаче. В нашем случае основная концепция проекта — это ускорение разработки, снижение затрат на поддержку и так далее. Соответственно, основные моменты, которые нам помогли достичь этого результата, — Style Guide, создание страниц мероприятий с помощью CMS-коллекции и различные интерактивные механики. Последние нужны для того, чтобы минимизировать ручную работу. За счет кастомного функционала менять контент и прочее. 5. Последнее — отзыв по вашей работе. Не стесняйтесь его запрашивать у своих клиентов. Вот примерно такая структура должна получиться. Все это я написал с помощью чата GPT. Сначала в нескольких предложениях описал верхнеуровневые моменты своими словами, а дальше передал это чату GPT. И он уже упаковал все это в какой-то адекватный текст. Оставляю еще раз ссылку: ↗ пример кейса по разработке
Изображение поста