Pixel Perfect

Собрал бы 2–3 лендинга по выдуманным ТЗ, чтобы показать навыки флюидной адаптивности, анимаций, CMS, простых интеграций. Упаковал бы всё в собственный лендинг на WF. Кстати, у нас есть гайд по упаковке портфолио и продаже) 〰️〰️〰️〰️〰️〰️ Двигаемся к оформлению профиля на Upwork. В описании пишу, с какими инструментами работаю, стаж и опыт. Допустим: Webflow dev with […] of experience. Focused on clean UI, fast load, and scalable CMS В поиске клиент видит первые 80 символов, поэтому там пишу самую жирную инфу (!) Для вдохновения чекаю профили топов. Захожу в поиск➡️выбираю Talent➡️Webflow➡️фильтр $10k+ earned➡️смотрю, что они пишут и их портфолио. 〰️〰️〰️〰️〰️〰️ Ура, ищу первый заказ! Не трачу время на мусорные проекты за $10, которые убьют мою последнюю молекулу серотонина. Мои фильтры: • Бюджет $150+ (я новичок, цель наработать отзывы на простых заказах) • Клиент с рейтингом 4.5+ • Чёткое ТЗ и бриф • Без ред флагов по типу we’ll discuss budget later / this is a test job, but we have a lot of work for the right person Договариваюсь о фикс цене, чтобы не трекать часы и спорить о времени. И ребята, не забываем: делать и где-то косячить на старте х100 круче, чем не делать

Завтра как раз еду с дачи друга на поезде, так что уже протестировал этот юзер экспириенс на себе…

Он прикольно проходится по главным изобретениям человечества. И поясняет, как всё это можно пересобрать, если вдруг попал в прошлое, но сохранил современные знания. Параллельно, напомню, я пилю новый продукт про ИИ. Для тех, кто хочет делегировать нейронкам рутину и начать зарабатывать больше, а работать меньше. https://t.me/+DDL2kWcNqAg2MmFi">Велком в мой канал 😒 И вот на стыке этих двух тем посетила мысль: современный этап развития нейросетей капец как похож на изобретение стали. Объясню. Железо человечество знало давно. Но у него куча минусов: ржавеет, мягкое, быстро ломается. А потом люди добавили углерода и случился геймченджер: сталь. Прочная, надёжная, пригодная для строительства мостов, небоскрёбов и тд. Вот так и с нейросетями. Спец сам по себе и спец в тандеме с ИИ — это нокиа 3310 и айфон 16 pro max. Да, Нокиа тоже умеет звонить и писать сообщения, но сейчас ей нет места. Причём чтобы стать «сталью», не нужно перерабатываться на 100%. Углерода в стали 0,5%. То есть двух ИИ-ассистентов хватит, чтобы прокачать скиллы кратно 💪 Так что если чувствуете ценность ИИ, не хотите остаться на обочине прогресса, то залетайте в моё закрытое комьюнити. Там мы разбираем кейсы, учимся применять нейронки и no-code под реальные задачи и ваш контекст Это пока бесплатно, подписывайтесь → → → https://t.me/+DDL2kWcNqAg2MmFi

1. Использование UI-kit, когда 10+ страниц, куча повторяющихся элементов и правки 24/7. Это база для ускорения разработки и быстрого внесения изменений. Если же делаете маленький лендос — куда быстрее работать в рамках одной страницы, всё и так на виду. 2. Компоненты — топчик идея, когда есть много повторяющихся блоков на разных страницах. Сделал один раз, потом переиспользовал сколько надо. Поменял в одном месте — обновилось везде. 3. Личная база знаний. Если в проекте делал какую-то фичу, перенеси это решение к себе, и потом используй его. Голая вставка со старого проекта редко работает идеально, но как точка опоры супер. Поэтому база — это примеры, фишки, сервисы, которые можно быстро подогнать под задачу. 4. CMS — шикарная штука для однотипных карточек. Например: - карточки преимуществ (если их 6+) - слайдеры с командой - отзывы - блоки тарифов и т.п. Из плюсов — порядок, никакого копипаста дивов, легко редактировать. Также можно использовать CMS на ленде для страниц, но это уже в сторону блога и крупного проекта. 5. Свой шаблон-пустышка. Один раз настраиваешь себе структуру проекта: шрифты, контейнеры, базовые стили, фавикон, анимации появления. И каждый раз начинаешь с него, не тратя время на одни и те же настройки 6. Горячие клавиши + Webflow-расширение в браузере. Такие мелочи экономят минуты, а в день это уже целый час. 7. Использование кастомных скриптов или библиотек, заточенных под определенную задачу: - подключение Swiper.js или Splide, вместо ручной сборки слайдера из 40 дивов - автоматические анимации при скролле через gsap - кодовые сниппеты, которые можно вставить и забыть Какие из этих фишек используете вы или может у вас есть свои? 🤝🤝

И в этот момент рука тянется написать «ой да иди...». Лучше задумайтесь — как на языке фактов объяснить ему, почему вы стоите дороже? ⭐ Дешевый разработчик продаёт сайт. Вы — результат через сайт. • Он: «Скиньте ТЗ, я сверстаю» • Вы: «Давайте начнём с цели. Зачем вам нужен сайт? Как он впишется в воронку продаж? Чего вы хотите достичь — лиды, заявки, продажи, репутация?» Клиенты часто сами не понимают, что хотят. Они просят сайт, тк думают, что это решит проблему. А вы копаете глубже ⭐ Дешевый разработчик работает без договора, брифа, этапов. Ему просто пишут в телеге и понеслась Вы же показываете понятную структуру: бриф → анализ → макет → дизайн → контент → оптимизация Даже если работаете один, соберите файл с описанием своего флоу. Это сразу фильтрует тех, кто «просто прицениться». У нас даже был отдельный постик про то, как выстроить грамотный пресейл-процесс, чтобы управлять первым контактом с клиентом. ⭐ Дешевый разработчик говорит клиенту: «Подключу форму к CRM» / «Добавлю pop-up с триггером» Клиент сливается. Если он ничего не понимает, он ощущает страх и думает «надо потратить меньше». И выбирает дешёвого разработчика — не потому что тот лучше, а потому что понятнее. Поэтому говори так: • «Все заявки будут собираться в одном месте, и вы никого не потеряете» • «Сделаем всплывающее окно, чтобы увеличить количество заявок с посетителей, которые уже собирались уйти» Остальное — на картинке в посте. А вам часто попадаются клиенты, которым «сделают дешевле»? Как объясняете им ценность? 🤙

Для нас это всегда интересный экспириенс, и мы хотим подсветить как всё происходит внутри. Кстати, в этот раз пробуем новый формат! У команд разные платформы, такого мы ещё не делали: 4 команды, 3 из них работают на Taptop, а одна на Webflow Вчера ребята получили макеты и всё, игра началась… Так как Битва — это имитация реального проекта, то у нас всё по-настоящему. На все вопросы по проекту у студентов есть 2ч после выдачи макетов. Чтобы они не летели не по одному в чат, просим капитанов организовать всё в табличку. Спустя 2ч выходим из чатов и студенты остаются 1 на 1 с макетами. До 31 июля у них есть время, чтобы превратить макет в крутейший проект. У каждой команды уникальный макет. В этот раз это сайты из двух страниц: — первая – презентация продуктов — вторая – каталог (пока без корзины, это затравочка на будущее; потом можно будет подключить оплату и сделать полноценный рабочий еком) Спросили у студентки Ланы её ощущения перед Битвой — настрой боевой: Ни вчера, ни сегодня я не боялась и не волновалась. Команда у меня классная, все дружелюбные, активные, очень хорошо взаимодействуем, не отвлекая друг друга, но двигаясь в приличном темпе. Я чувствую драйв, так как мне очень нравится верстать. Эта роль для меня новая — просто верстать, не правя макет, тяжеловато, но я понимаю, для чего это мне нужно — так проще работать всем, когда ты не вставляешь палки в колеса, а являешься хорошо смазанным винтиком в сложном механизме:) Ставьте ❤️, если хотите, чтобы мы показали результаты Битвы!

Разбить зеркало — к 7 годам несчастий... Взяться верстать макет, который дизайнер нарисовал в потоке, и понять, что он красивый только в фигма и его невозможно сверстать без костылей — к очень плохим новостям... А как считаете вы, должен ли дизайнер уметь верстать? Или он никому не должен 🌹

На скринкасте — то, какое красивое портфолио у вас получится. Но перед тем, как врываться в верстку, мы расспросили Даниила, автора дизайна и вёрстки, о процессе ⭐ Анимированная hero-секция — Какие элементы будем оживлять в hero? Фон, текст и интерактивные блоки — они будут реагировать на ховер и менять состояния. Такой экран дает +100 к вовлечению. — Какую анимацию будем вставлять через скрипты? Большую часть сделаем на встроенном GSAP в Taptop. Но для якорной прокрутки до блока кейсов подключим кастомный скрипт, тк у нас динамический контент, и обычные якоря не подходят. — Как кастомизировать hero под себя? Это изи: меняешь цвета, шрифты, тексты, подставляешь направления работы, кейсы, описания. Всё покажем ⭐ CMS и динамические кейсы — Зачем вообще подключать CMS? Чтобы не верстать каждую карточку руками. Один раз создаёшь структуру кейса, и потом добавляешь новый контент через CMS. Taptop сам всё подставит и выведет. — А обложки кейсов будут генериться автоматически? Да, для каждого из кейсов мы заранее скрафтим в ИИ фон, изображение и тематические иллюстрации. И загрузим их ⭐ Интеграция формы связи с тг — Сложно ли будет сделать интеграцию с тг в Таптоп? В пару кликов. Там уже есть встроенный модуль, просто настраиваешь бота и подключаешь форму. — И последнее: на что обратить внимание новичкам при верстке? Всё, что повторяется — делай с классами. Один раз собрал, и потом быстро редактируешь весь проект, не нужно править элементы вручную. 🚨 Залетай на буткемп, чтобы сегодня начать собирать сайт-портфолио на Taptop https://t.me/pxp_reg_bot?start=id486013751 Первый эфир — в 18:30 мск. Ссылки на эфиры можно получить только через бота, в канал выкладывать их не будем

Поэтому ловите полный анонс! Как и говорили будет 3 эфира, где соберём портфолио на Taptop, которое можно сразу выкладывать на Awwwards кидать клиентам. Но портфолио — это 40% от крутости буткемпа. Вишенка на торте в том, что мы соберём тебе чёткий роудмап, как перестать делать «сайтики за 10к» и выйти на задачи и бюджеты посерьезнее. Что будет на эфирах? — 1 день. Почему большие чеки получают не самые креативные, а те, у кого платформа не тормозит рост — 2 день. Какие сайты сейчас заказывают на Taptop, и как они выглядят изнутри (CMS, динамика, интеграции) — 3 день. Где искать клиентов с деньгами и что делать, когда нашёл 🥂 Параллельно верстаем портфолио, а ты повторяешь в домашке. Выполнишь все три — возможно выиграешь кайфовый сетап дезигнера: мышка + клава от Lofree. Резюмируем! 3 дня и ты вот с таким наборчиком: — портфолио + навык работы с Taptop — понимание, как презентовать его клиентам так, чтобы тебя всегда выбирали — УТП, выделяющее тебя на фоне 1001 одинакового лендинга — возможно новенькие клава и мышь Ты знаешь, что делать — регаться, тк места разлетаются быстро https://t.me/pxp_reg_bot?start=id485084077

Поэтому мы разобрали лендинг студента до обучения у нас, чтобы показать, как с виду норм проект можно прокачать в 10× раз. И где искать то, что визуально не видно, но влияет на SEO, поддержку и опыт пользователя. ⭐ Заголовки H1–H4 вроде есть, но иерархии нет. Они дублируются, идут не по порядку и не отражают структуру. PageSpeed может показать «100% семантика», но это не гарантирует её качество. Путаница в заголовках мешает роботам понимать приоритеты контента и ухудшает индексацию. ⭐ Тег

WF наконец-то релизнули это — весь функционал GSAP стал нативно доступен в Webflow Interactions. Для тех, у кого оплачен Site plans • Новый интерфейс с горизонтальным таймлайном и точной настройкой анимаций • SplitText, Staggers, ScrollTrigger и другие фишки добавляются без кода • Можно переиспользовать interactions по всему сайту Доступ выкатывают постепенно, но скоро праздник будет у всех. А мы уже успели потестить новый функционал. Полный обзор скоро будет на нашем YouTube! Но очень хотели поделиться этой новостью с вами, так что ловите кусочек обзора на скринкасте Такими новостями нужно делиться, так что ставьте 🔥 и кидайте её своим друллегам

Мы часто говорим про автоматизацию, но редко про то, что происходит, когда сайт ломается. Классика: ночью падает сайт, форма перестаёт отправлять заявки, вебхук молчит. А вы утром заходите в CRM и удивляетесь: «Странно, что-то тихо сегодня...». Просто заявки, деньги и клиенты ушли, но не к вам. Был у нас один клиент. Для него сайт — единственный канал продаж. Ночью решил зайти на сайт и чисто случайно заметил, что всё упало. А если бы не зашёл? Мы сделали 2 вещи: — Поставили себе Uptime Kuma. Теперь любое падение прилетает сразу в телегу. — Настроили error workflow в n8n. Чтобы не просто узнавать о сбое, а сразу его разбирать, логировать, перезапускать, если нужно. Итоговая мысль проста: на вас лежит груз ответственности за продукт, который вы создаете. Поэтому все риски нужно продумывать заранее и реагировать на них вовремя. Если у вас: – бизнес построен на лидогенерации с сайта – есть автоматизации в n8n, которые обрабатывают заявки Или вы просто хотите спать спокойно — не поленитесь внедрить мониторинг. Помните ли вы случаи, когда сайт клиента лег, а вы узнали об этом слишком поздно? 😊

До нас она 5 лет проработала системным аналитиком. Но решила сменить строгую системность на творчество, удаленку и заказчиков по всему миру. Сначала был UX/UI-дизайн и сайты на Тильде — не зашло, платформа тормозила рост. Осенью 2024 Людмила пришла к нам, а сейчас работает дизайн инженером на Webflow. Может собирать под ключ полноценные сайты с CMS, фильтрацией, формами, поиском, кастомными решениями. «Очень понравился подход, максимум практики. Удобная структура модулей, понравились темы про CMS, адаптивность, Finsweet Attributes и анимации. И всё можно было сразу применить в проектах» Что дало основной результат на курсе и после него: ✔️ Чёткое понимание своей цели и то, что она хочет от новой профессии помогло преодолеть страхи и сомнения на старте ✔️ Желание разбираться в нюансах (CMS, сложные анимации, кастомный код, интеграции) ✔️ Умение структурировать работу и не бояться сложных задач Сейчас у Людмилы 2–3 активных зарубежных проекта в месяц с Upwork — студии и стартапы. Например, недавно закончила сайт для архитектурного бюро в строгом швейцарском стиле: с интеграцией 3D Viewer от Autodesk, настройкой токен-сервера и работой с API. Ещё один проект начинался с мини-задачи за $50 — а сейчас вырос до $1000+ и приносит стабильный доход. Из последнего: делала регистрацию и личный кабинет на новом Memberstack, защищённый контент, тарифы, динамическое обновление данных — всё на кастомном JS. Кстати, доход значительно вырос, в сравнении с тем, что был. Людмила продолжает развиваться в сторону более кастомных решений и уже думает о том, чтобы собрать небольшую команду. Нам очень нравится эта история, потому что она про системный рост, только так можно придти к результатам. Людмила яркий пример того как можно кардинально изменить вектор карьеры и выйти на зарубежку всего за 10 месяцев! Согласны? 🔥

Для тех, кто чиллил весь июнь, но в июле настроен прокачать навыки — дарим 40% скидку на все тарифы нашего Webflow-курса — Видео-уроки от фаундера Коли с опытом в Webflow 10+ лет. Будет 30+ новых уроков, а всего их больше 100 — Упрощённый вход для новичков без IT-бэкграунда — Каждый элемент, свойство и инструмент стилизации разбираем на реальных проектах — Учим внедрять любые кастомные решения — Объясняем, как находить клиентов на зарубежном рынке и презентовать им свои услуги — Соберешь 3 сильных кейса в портфолио во время обучения Выбирай подходящий тариф: 1. Only — для тех, кто уже работает в студии или фрилансе и хочет системно прокачать верстку на Webflow 45 990 27 594₽ 2. Basic — если хочешь не только делать сайты, но и выходить на зарубежный рынок, искать клиентов на Upwork и работать с заказами из-за рубежа. 67 900 40 740₽ 3. С нуля до PRO — если хочешь освоить весь путь: от основ до сложных анимаций на JS и кастомного функционала. 123 990 74 394₽ 👾 Оставляй заявку на сайте — там стоимость тарифов уже расчитана со скидкой 40% до 11.07 включительно

Влад уже 6 лет живёт в Черногории и работает поваром. Но с 2023 идея вернуться в разработку, которой он когда-то уже занимался, не отпускала. Сначала пробовал чистый код — HTML, CSS, JS. Но хотелось собирать сайты уже сейчас. Тут как раз попалась реклама нашего бесплатного интенсива. Не дождавшись конца бесплатника, Влад сразу взял курс Webflow Basic с Upwork. Что дало основной результат: — Он не стал углубляться в кодинг и сразу ушёл в Webflow — Заваливал нашу поддержку вопросами, поэтому не залипал долго над сложностями — Не смотря на то, что долго делал выпускную работу и не успел на Битву верстальщиков, не сдался. Взял проект с прошлой битвы и доделал как раз к началу спринта по Upwork! — Уже во время спринта взял первый проект — А дальше просто не остановился и начал бустить навыки Про опыт Влада на спринте Upwork Этот спринт — полноценный буткемп. Вместе с ребятами настраиваем профиль, собираем портфолио, учимся искать заказы и писать отклики. «В спринте Паша наглядно показывал, как работает биржа, как правильно оформлять аккаунт и увеличивать конверсию. Каждый этап сопровождался поддержкой и правками. Это позволило создать качественное портфолио» Буквально на вторую неделю спринта Влад взял свой первый заказ за $600. Задача — привести сайт к единому стилю и сделать style guide. Здесь можно чекнуть финальный результат 🔥 После этого он продолжил работать на Upwork. За 3 месяца взял ещё 3 проекта, а первый клиент стал постоянным и заказывает новые доработки. Сейчас Влад совмещает работу повара с ноукод-разработкой — и планирует сделать второе своей основной профессией. Влад — пример того, что даже без IT-бэкграунда и из другой сферы можно начать перестраивать свою карьеру! Ставьте ❤️, если согласны с нами)

2 июля основатель Playground рассказал в Х про скамера — разработчика Сохама Парекха. Сейчас тот числится сразу в 3–4 стартапах, а за 4 года успел «поработать» аж в 80. Правда, часть задач за него делали джуны и нейронки. Схема была простой: • новое резюме для каждого стартапа • сильный (но фейковый) GitHub • имитация продуктивности на испытательном сроке, а потом он сливался В Х уже спорят, где грань между «совмещаю несколько фулл-таймов» и мошенничеством. Нууу, проблема тут не в том, что человек вёл много проектов, а что он системно обманывал. Еще и в таких масштабах) А как у вас с многозадачностью? :)

Подъехала 2 часть рубрики «вы неправильно используете нейронки». 1. Объясни модели её роль и что ты хочешь от неё. Задай сферу: интерфейсы, UX-тексты или автоматизации. Пример: ты — ноукод-разработчик, который автоматизирует процессы в Airtable и Make. 2. Чётко опиши задачу без абстрактных фраз. Какую проблему решить + результат на выходе No: «Помоги сделать макет экрана» Yes: «Составь список секций и элементов для экрана профиля в мобильном приложении с кратким описанием функций каждого элемента» 3. Задай формат вывода, чтобы сразу вставить результат в сценарий. Примеры: • Выведи как маркированный список • Выведи в виде блоков с подзаголовками • Сформируй JSON-структуру для Make 4. Определи правила (ограничения и требования к стилю). Длина ответа, тон, что нужно избегать. Примеры: • Избегай лишней воды. Ответ — не длиннее 300 слов. • Используй четкий и лаконичный стиль. • Без профессионального жаргона, чтобы понял любой заказчик. 5. Дай пример результата One-shot: сначала даёшь 1 пример, как должен выглядеть результат. Few-shot: даёшь 2+ примеров, чтобы ИИ лучше понял задачу. One-shot: «Пример секции интерфейса. Заголовок: профиль пользователя. Подзаголовок: редактировать данные. Кнопка: сохранить» Шаблон структуры — на скрине. А зачем вообще заморачиваться и что вам даст такой подход, читайте в этом посте Ставьте реакции, и в 3 части разберем one/few shot prompting. Это один из самых мощных способов обучения ИИ 🐅

Раньше мы использовали разных ботов для парсинга заказов и даже писали своего бота для студентов. Но Upwork наконец-то добавил пуш-уведомления о новых заказах. Просто ставишь нужные фильтры и ждешь пушей. Теперь жизнь фрилансеров станет чуть проще. Ну и Upwork смело убил парочку сервисов, которые помогали парсить заказы… Как вам апдейт?

Мы продолжаем сравнение Tilda и Taptop. После просмотра вы узнаете: — Почему мобильная и планшетная адаптация — это уже база — Как в Tilda работают стандартные блоки и почему не всегда получается «как в макете» — Что вас ждёт, если решите всё делать через Zero Block — Как в Taptop всё настраивается один раз в REM и работает без ручной правки на каждом брейкпоинте В видео показали пример сайта с курса, где планшетная версия настраивалась меньше 10 минут, а итог — 3 полноценных адаптива Смотрите по ссылкам ниже: 📹 YouTube 💬 VK