У кого-то сегодня обычный вторник, а у нас — анонс результатов Битвы верстальщиков 🎉

Она стала для нас уже привычным событием, но не для студентов. Для них Битва — экшен, который ощущается как первый клиентский проект с дедлайнами, задачами и полной погруженностью. Здесь ребята убирают страх перед будущими заказами и закрепляют все знания. Сегодня проводили созвон с ребятами, где объявляли победителей. На скринкасте в посте — классный отзыв одного из участников! В этот раз победили 8 студентов из команды Fieldworke. Они новички, которые сделали сайт всего за 1,5 недели… Как вам такое? Смотрите их проект тут https://fieldworke.taptop.site/">https://fieldworke.taptop.site/ Состав команды победителей: • @anatoly221122 (капитан) • @Doktor_Sh7 • @Kara_t01 • @designguzel • @roxy77 • @fruitellana • @polzavsa • @danil_shha Попросили Наталью, участницу этой команды, поделиться фидбеком: Для меня Битва стала прорывом в навыках и командной синергией: • Теперь знаю, что лучше потратить день на стратегию работы с макетом, чем потом всё переделывать. • Любое достижение, даже настройка анимации, вызывало искреннюю радость у всей команды. • Главный инсайт: оказалось, что идеальный пиксель — про людей. Когда ты не знаешь, с чего начать выгребать ошибки, а кто-то пишет «я сделал так, давай пройдёмся по твоим настройкам…» — ты просто рад, что ты в нужном месте. Оценка ★★★★★ — после таких испытаний и происходит переосмысление ценностей Напомним, что эта Битва была в новом формате! Вместе с Fieldworke участвовало еще 3 команды, которые сверстали: • 1 команда, сайт на Webflow • 2 команда, сайт на Taptop • 3 команда, сайт на Taptop Давайте поставим ❤️, чтобы поздравить победителей и участников

Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – en.oiolab.co – mmrbikes.com/en – christianreber.com – oneofus.network – twin.so ——— – thefoundation.house – usefathom.com – headroom.com – gregorylalle.com – altitude.so ——— – windsurf.com – umake.com – gigaenergy.com – evernote.com – samgeorge.co ——— – brand.dropbox.com – o-ps.com – creativelab5.com – webflow.com/ai-site-builder – circula.com ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Собрал бы 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 круче, чем не делать

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

Посмотреть сайт 🔗 #портфолио_дня 🌙 Luuna | Design

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

Итак, агрегаторы сайтов Рисовать вслепую без опоры на какие-то рефы — неоднозначное решение. Хорошо получается у меньшинства, поэтому лучше найти какой-то дизайн под нужный стиль. Сделать это можно тут: 1. Lapa Ninja — классика. Лендинги, стартап-сайты, портфолио, whatever. Есть категории и фильтрация. Хорошо зайдет, когда надо посмотреть 30 hero-блоков за 5 минут 2. One Page Love — агрегатор одностраничнков. У таких сайтов зачастую классный сторителлинг — поэтому смотри, как впихивают смыслы в одну страницу 3. Siteinspire — много чистого и аккуратного веб-дизайна. Работает по категориям: стиль, тип, платформа, индустрия. Новые сайты заезжают не очень часто 4. Landbook — просто еще один агрегатор, но там можно еще и определенные рефы для секций искать (типа команды, hero-блока, футера и т.д.) 5. Httpster — стильно-модно-молодежно! Много экспериментальных сайтов: брутализм, необычная типографика, минимализм максимализм 6. Awwwards — Куда ж без него. Сайты, получившие награды за дизайн. Иногда довольно глянцево, но всё ещё полезно для поиска motion/UI/webGL-референсов 7. Minimal Gallery — раньше фокусировались именно на минимализме и сетках, но сейчас все чаще размещают просто красивые/функциональные сайты 8. Muuuu — японский вайб в основном, есть на что посмотреть 9. Made in Webflow — большая подборка сайтов, которые собраны с помощью конструктора Webflow. Очень много интересного, если закопаться 10. Made on Tilda — периодически смотрю сайт на тильде (при моей нелюбви к самому конструктору). Дизайнеры реально запариваются и делают круто (на то они и дизайнеры) Скинь коллеге, который не видел ничего кроме Dribbbla и Behance Накидайте в комменты, куда еще ходите?

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

IZUM — это дизайн-студия. Делают корпоративные сайты, мобильные интерфейсы и лендинги. Мастера Taptop — это конструктор сайтов и наш ответ Webflow, только с российскими серверами и без проблем с оплатой подписки. Гуру крутейших анимаций. Духовные наставники дизайнеров, которые хотят научиться вёрстке на TapTop в IZUM STUDY. Чем мы занимались этот месяц: — Искали акцент в маркетинговых коммуникациях: у ребят это скиллы в Taptop. Продукт молодой, но есть всё, чтобы мощно выстрелить, а мы с IZUM решили постоять у истоков и всем об этом рассказать — Учились системно вести телегу так, чтоб был баланс между экспертизой, проектами и студийным софт-контентом — Написали статью и кейс, чтоб ребята посмотрели, как брифоваться, что подсвечивать в больших материалах, как строить нарратив и вот это всё — Нашли партнёров в маркетинге: подружились с HTML Academy — и теперь IZUM будут вместе с ними делать полезный контент — Нашли ребятам бизнес-партнёров, чтобы подхватить задачи на вёрстку как субсубподрядчики Сегодня важный день: выпускаем ребят пробовать себя в маркетинге без страховки, но не прощаемся, а ждём попозже — уже подросших и с новыми задачами А ещё — сегодня релиз важной статьи: вместе с ребятами рассказали: — зачем рынку Taptop — чем он похож на Webflow и Тильду, а чем отличается — под какие задачи брать — почему у ребят зироу конкурентов в разработке на этом конструкторе — и какие огненные анимации можно на нём делать В общем, если у вас есть клиенты, которым ну оч важно всё делать на отечественных решениях, а у вас экспертизы в Taptop нема — зовите этих ребят. ЧИТАТЬ СТАТЬЮ

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

systemflow.co Design Box

Для тех, кто чиллил весь июнь, но в июле настроен прокачать навыки — дарим 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-бэкграунда и из другой сферы можно начать перестраивать свою карьеру! Ставьте ❤️, если согласны с нами)

1. Сделали много интересных проектов: • Yuma — стиль и сайт для e-commerce AI-платформы, выпускников Ycombinator 🇺🇸 • AppFactor — стиль и сайт для AI-продукта по рефакторингу кода 🇬🇧 • ComplyControl — стиль, интерфейс платформы и сайт для AI-compliance решения 🇪🇪 • Luminous Labs — поп-ап стор в Вене + пачка других дизайн-задач 🇦🇹 2. Впервые подались в российские рейтинги и собрали награды: • Рейтинг Рунета — 1 место среди подрядчиков зарубежных компаний и по сайтам на Webflow, 4 место по айдентике • Tagline — 14 место среди студий цифрового дизайна в России • Ruward — 2 место в кейсе года в дизайне за Luminous Labs + бронза на Ruward и Workspace 3. А ещё: • Провели воркшоп по AI-инструментам (Елисей и Юля — you rock) • Получили 60-й отзыв от клиентов на Clutch • Релизнули оффер Go Global — верим, что наша сильная сторона в создании дизайна международного уровня для глобальных компаний Команда: • К Маркетингу присоединилась Аня Бережняк 🎀, а к проектной Настя Луговцева 👠 • Ира, Юля, Тамирлан и Андрей 🌸👠🧢🙈 апгрейднулись Летим дальше..

Посмотреть сайт 🔗 #сайт_дня #3D 🌙 Luuna | Design

Делать быстрые лендинги (Framer / Webflow) Мыслить как маркетолог (оффер, структура, акценты) Работать быстро и точно (1 лендинг за 1-2 дня) Проект 150-400$ (работа 1-3 дня). Приоритет с Бали. Откликнуться 👉 @tomuxdev

Web Design Inspiration

Web Design Inspiration

Мы попали в 27 срезов 🏆 Делимся самыми главными достижениями: 🥇Игры, игрушки 🥇Геймдизайн 🥈 Сайты на Webflow 🥉 Молодые агентства В общем рейтинге «Комплексная разработка» заняли 40 место Мы первый раз участвовали в РР и сразу попали на высокие места, но есть куда расти В следующем году планируем побороться за топы и в других категориях ⚙️ #rebootinside

Бэкграунд Вадима был следующий: дизайнер с опытом 3+ лет в интерфейсах. До нас он уже пробовал Framer и делал пару сайтов на шаблонах Webflow. Но понял, что без нормальной базы далеко не уедешь. После курса мы порекомендовали его как сильного студента на стажировку в Relate. Она была насыщенной: в первую же неделю он собрал мобильную версию сайта, а потом получил задачу на вёрстку целого проекта — десктопа + мобилки. В одной из секций нужно было реализовать эффект snap scroll, так что пришлось лезть в JavaScript и GSAP. Справился за пару дней! И понеслась: работы со стажировки быстро начали конвертиться в новые заказы. Так что курс + стажировка дали Вадиму и знания, и коммерческие проекты. Ну наш 💪 Пример одной из работ можно чекнуть тут (или на скринкасте) https://www.diambra.ai Сейчас он продолжает фрилансить, работает парт-тайм в проекте и параллельно будет брать заказы на Upwork. Как вам проект Вадима? Мы в восторге) А @relate_studio спасибо, что доверяете нашим студентам!