pixeleperfect | Unsorted

Telegram-канал pixeleperfect - Pixel Perfect

6434

Качаем твои скиллы в ноу-код разработке. Учим делать сайты на Webflow и монетизировать скилл на Upwork🐸 Наше обучение: https://pixelperfect.fun Наше коммьюнити: @webflowpp Сотрудничество: @mpaveel

Subscribe to a channel

Pixel Perfect

Прямой эфир «Анимация с умом: что нужно знать для повышения вовлеченности» сегодня в 19:00 🎬

Хорошая анимация не просто оживляет сайт, а классно повышает его метрики: вовлеченность и конверсию. Но как понять, где грань между «круто» и «слишком»?

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

🔷 Что обсудим?

почему сайты без анимации не работают и как это исправить
какие виды анимаций раздражают
как понять, что именно нужно твоему проекту
основные ошибки при работе с анимацией и как их избежать
тренды 2025 года на реальных примерах
простой план внедрения анимации, который сэкономит время и деньги

Эфир будет полезен для каждого, кто не знает, как применить в своих проектах лучшие практики или как реализовать задумки с макетов 💙

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

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

Читать полностью…

Pixel Perfect

Вот какие сайты верстает и анимации делает наш выпускник Никита ☺️

Сейчас Никита работает креативным инженером в Relate Studio и наслаждается своей работой. Но начинал он, как и большинство, с «я ничего не понимаю» 🤯

Чтобы «что-то понять», он пришел к нам на курс для начинающих. В результате, уверенная верстка, кастомные решения, работа с топовыми студиями и отличное владение анимациями. Нативные анимации Webflow давно изучены, поэтому Никита часто прибегает к GSAP, а это уже совсем другой уровень.

Как говорит он сам, уже на протяжении больше года у него постоянно открыт Webflow и он не перестает в нем работать 🦾

Тем, кто решил изучить Webflow, могу сказать, что курс будет для вас сильным бустом. Я не раз ловил себя на мысли, что ничего не понимаю, и переживал моменты демотивации. Однако я продолжал сидеть, потому что всё зависит только от нас. Пробуйте и решайтесь. Где страх, там ваш потенциальный рост.


Пощелкать сайты со скринкастов: #1, #2, #3, #4 🤳🏼

Напоминаем, что сегодня до конца дня все еще можно приобрести любой курс со скидкой 45% по промокоду BLCKFRD. Подробности тут.

Читать полностью…

Pixel Perfect

Чем отличаются стандартные анимации в Webflow от стандартных анимаций в Tilda? 😝

Оказалось, что практически ничем. Так нам ответил наш выпускник Даниил. Правда, чуть позже он почувствовал, что у вопроса все-таки есть правильный ответ и написал, что отличия есть 🤭 Смотрим какие?

Даниилу больше всего в Tilda не хватает анимации «While scrolling in view».

Если речь заходит о сложных анимациях, то большой плюс Webflow в том что можно задавать id, классы, атрибуты через которые можно связываться с элементами в коде. В Tilda этого сделать нельзя. А внутренний нейминг классов ни о чём не говорит и нужно вычленять его из опубликованного сайта, чтобы использовать в коде.

А вот Маша считает, что одна из самых больших болей в анимации на Tilda — это невозможность настройки анимации цвета или бордера 🚨

Если нужно, чтобы карточка меняла цвет, то сначала нужно наложить на нее другую, отключить pointer event и настроить ее появление. Поэтому приходится дублировать все иконки соц. сетей, чтобы перекрасить их по ховеру. В анимации нет никаких фильтров, нет управления Lottie. Все, что можно изменить — это размер, что-то подвинуть, повернуть и убрать прозрачность.

Или еще пример: чтобы создать анимацию небольшого легкого зума фото по ховеру (чтобы при этом она оставалась того же размера), нужен сторонний код. Либо танцы с бубном и наложение дополнительных шейпов с толстой обводкой, которая будет скрывать края увеличенной фотки. В Webflow — это одна кнопочка overflow hidden у дива и все готово! В Тильде такой параметр накинуть можно только на весь блок сразу

Сколько выпускников — столько мнений! Мы очень любим здоровую дискуссию, поэтому пишите, что думаете по поводу анимации в Tilda и Webflow.

Бесплатный курс по анимациям Webflow все еще идет, присоединиться к нему можно по ссылке ↗︎ бесплатный курс 😇

Читать полностью…

Pixel Perfect

Бесплатный курс по анимациям в Webflow ✨

Сегодня начинаем работать над проектом для российской студии стильной мебели Eburet. Присоединиться к курсу можно с любым уровнем владения Webflow.

Как будет проходить обучение?

・ курс бесплатный
・ 6 видеуроков
・ домашние задания с проверкой
・ подарки для тех, кто сдаст все ДЗ
・ поддержка в боте и чате

Какая программа курса?

・ полный разбор анимаций в Webflow
・ параллакс и горизонтальное движение
・ анимация при прокрутке страницы
・ появление элементов и анимации при наведении
・ кастомный курсор
・ плавный скролл и адаптивность анимаций

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

Места ограничены, так что залетай скорее и регистрируйся по ссылке.

[получить доступ к бесплатному курсу здесь]

Читать полностью…

Pixel Perfect

А вот и он — макет нового бесплатного курса

Будем верстать сайт для российского бренда мебели Eburet. 6 уроков, 6 домашек, фокусируемся на анимациях.

Кто с нами? 🥹

Читать полностью…

Pixel Perfect

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

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

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

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

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

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

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

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

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

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

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

Читать полностью…

Pixel Perfect

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

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

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

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

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

Читать полностью…

Pixel Perfect

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

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

Читать полностью…

Pixel Perfect

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

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

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

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

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

Читать полностью…

Pixel Perfect

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

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

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

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

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

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

Читать полностью…

Pixel Perfect

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

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

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

Читать полностью…

Pixel Perfect

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

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

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

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

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

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

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

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

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

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

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

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

Читать полностью…

Pixel Perfect

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

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

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

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

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

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

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

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

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

Читать полностью…

Pixel Perfect

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

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

↗️ посмотреть все требования по вакансии можно здесь
↗️ откликнуться можно еще и на эту почту: hello@workspace.hr

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

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

↗️ Webflow Developers
↗️ Webflow SEO & Development

Читать полностью…

Pixel Perfect

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

На всех обучениях и после них мы стараемся поддерживать максимально расслабленную атмосферу. Верим, что это помогает преодолевать неуверенность и страх. Ну и вообще, мемы часто выражают ту эмоцию, которую словами и не опишешь 🤬

Поэтому вот собрали небольшую подборку мемной среды. Есть есть что добавить, кидайте в комменты 🙂

Читать полностью…

Pixel Perfect

Ребята, завтра планируем классный прямой эфир 🌐

На этот раз провести эфир мы пригласили спикера Никиту Чернышова. Сейчас он работает старшим продуктовым дизайнером в GigaCode, проекте Сбера. В продуктовом дизайне у него 4.5 года опыта. Никита запускал продуктивити апп в Яндексе, влиял на общий вижн Яндекс 360.

Планируйте в 19:00 мск, встречаемся в YouTube и ВК 🤝🏼

Читать полностью…

Pixel Perfect

Рабочая музыкальная подборка на понедельник 🎼

Все знают, что в Японии уникальная культура труда? Японцы действительно много работают, у них даже есть специальный термин «кароси», который буквально обозначает «смерть от переработки» 😵

А еще у них уникальная музыкальная культура. Чтобы лучше расслабляться после работы. Ну и работать под современную японскую музыку — наслаждение.

– для тех, кто любит поработать в спокойствии
– для тех, кто хотел бы понедельник пободрее
– для тех, кто хочет и того, и другого

P.S. а это микс для тех, кому никакая Япония для работы не нужна и кого вдохновляет знакомая обстановка 🤭

Читать полностью…

Pixel Perfect

Всем привет, хотим узнать ваше мнение о новом бесплатном курсе ✍🏼

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

Сейчас речь пойдет как раз о нем.

Основной концепт бесплатного курса по дизайну — разработка фичи для приложения по доставке еды 😇

Хотим за 7 дней максимально погрузить участников курса в рутину продуктового дизайна:

・ начнем с функционала Figma — разберем UI kit и перерисуем экраны
・ продолжим исследованиями — сгенерируем и отработаем гипотезы
・ проведем интервью — с родными, ChatGPT, в чате или незнакомыми людьми
・ сделаем конкурентный анализ и отрисуем юзер флоу
・ закончим отрисовкой экранов по референсам

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

Ну и расскажите тут в комментах, что было бы интереснее реализовывать: фичу для приложения или для ПК?

Читать полностью…

Pixel Perfect

Релиз нового бесплатного курса будет завтра!

Все уже готово, но решили финально шлифануть организационные моменты. Поэтому откроем доступ завтра в первой половине дня. Подкопите силы 💪

Читать полностью…

Pixel Perfect

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

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

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

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

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

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

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

Читать полностью…

Pixel Perfect

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

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

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

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

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

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

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

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

Читать полностью…

Pixel Perfect

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

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

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

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

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

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

Читать полностью…

Pixel Perfect

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

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

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

Читать полностью…

Pixel Perfect

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

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

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

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

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

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

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

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

Читать полностью…

Pixel Perfect

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

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

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

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

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

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

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

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

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

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

Читать полностью…

Pixel Perfect

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

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

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

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

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

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

Читать полностью…

Pixel Perfect

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

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

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

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

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

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

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

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

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

Читать полностью…

Pixel Perfect

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

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

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

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

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

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

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

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

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

Читать полностью…

Pixel Perfect

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

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

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

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

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

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

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

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

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

Читать полностью…

Pixel Perfect

Работодатели при собеседованиях обращают внимание на то, какие у соискателя хобби

Зачем? Это характеризует человека. И особенно дизайнеров. Никто не говорит, что дизайнер без хобби — это плохой дизайнер. Но увлекающийся чем-то специалист может запоминаться лучше.

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

1. Пинтерестинг

Пункт может показаться странным, но это занятие реально может быть хобби. Важно не просто сохранять на Pinterest все подряд, а создавать полезные мудборды. Некоторые даже добавляют их себе в портфолио, чтобы можно было синкануться по вкусу и стилю.

Сюда же можно отнести сохранение в отдельные списки и галереи понравившиеся сайты и экраны. Кто-нибудь уже пинтереститься? Скидывайте ссылки в комменты.

2. Скетчинг

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

3. Фотография

Мы все сейчас своего рода немного фотографы. Но в этом деле можно расти, находить постоянные источники вдохновения, изучать технику и инструменты. А еще примечать отличия в полученных кадрах с разных аппаратов. Сейчас вот очень популярны фото на камеры 2000-ых.

4. Чтение спец и художественной литературы

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

5. Ручной труд: вязание, вышивка, резьба по дереву, сет-дизайн и даже красивая выпечка

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

6. Вдумчивый просмотр кино

Ходите почаще в кинотеатр на хорошие фильмы. Но не просто смотрите их, а составляйте рейтинги, пишите, что понравилось, а что нет. Это может неплохо прокачать скилл коммуникации и умения отстаивать свои решения. Еще можно оценивать афиши.

Кстати, в кинотеатрах недавно вышел фильм «Субстанция». Кто смотрел, как вам?

7. Коннектиться с природой

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

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

Читать полностью…
Subscribe to a channel