Webflow-разработчик / верстальщик

Webflow-разработчик / верстальщик (удалённо, проект, part-time)

О проекте

Есть сайт для продвижения программного продукта (SaaS) Propamp.ai — это набор лендингов.

Сейчас лендинги реализованы на React / Next.js / Vercel; мы решили отказаться от этого стека в пользу Webflow.

Задача

Реализовать наш сайт (набор лендингов) заново — с нуля на Webflow. Макеты нужно будет брать из Figma. Если потребуется немного изменить дизайн для более комфортной реализации на Webflow — можем обсудить и поменять.

Особенности:

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

Вероятно, сработает решение вроде Shopify CDN (оплачен) + Lazy Load + сжатие, либо Bunny.net Stream, либо что-то еще — любой бюджетный и эффективный вариант подойдет. Найти его и реализовать будет вашей задачей.

Отрабатывать будем на этой странице https://www.propamp.ai/inventory-management
Когда добьемся нужного результата - повторим на остальных страницах.

2 - Первый шаг регистрации мы хотим перенести на Webflow. На этом шаге берется почта пользователя (через ввод руками или через авторизацию через гугл-аккаунт).

Здесь понадобится интеграция с нашим бэком — почту надо будет передавать в систему, чтобы создавался аккаунт пользователя.

Важна безопасность передачи данных:

• Информация должна проходить через серверную часть приложения, а не через клиент (браузер)

• (Этот пункт можем обсудить — возможно, шифрование помимо HTTPS-канала избыточно) При передаче пароля от клиента на серверную сторону пароль должен быть зашифрован (и расшифрован уже на сервере).

Детальное описание проекта:

Шаг 1. Собрать страницу https://www.propamp.ai/inventory-management на Webflow по макету из Figma.

Обеспечить быструю загрузку страницы, включая:

• быструю “бесшовную для пользователя” загрузку видео и автовоспроизведение;
• хорошие показатели в Lighthouse/PageSpeed (Performance, LCP и т.п.) - что такое “хорошие” конкретизируем вместе на старте.

Подготовить “админку” для маркетинга, чтобы они могли самостоятельно:

• Менять тексты, видео и картинки на страницах

• Менять блоки страницы местами

• Редактировать SEO-теги (title, description, заголовки)

Шаг 2. Перенести на Webflow дополнительные страницы (снова брать макеты в Figma). Совместно с маркетингом установить и протестировать Google Tag Manager

Шаг 3. Совместно с нашими разработчиками настроить передачу данных с форм регистрации на backend (e-mail и другие поля).

Шаг 4. Дальнейшее развитие и поддержка сайта.

Важно:

• Опыт разработки сайтов на Webflow

• HTML / CSS / JavaScript

• Уверенная работа с Figma - на уровне взять готовый дизайн и точно собрать по нему страницу

• Успешный опыт оптимизации скорости загрузки видео и других «тяжёлых» элементов

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

Будет плюсом:

• Опыт интеграции форм Webflow с backend (API, вебхуки и т.п.).

• Опыт работы с авторизацией через Google-аккаунт.

Условия

• Удаленная работа (любая страна и город, текущая география команды — Россия, Грузия, Сербия, Италия, США, Аргентина).

• Почасовая оплата (задачи в Asana, трекер времени Everhour).

• Часы работы вы определяете сами. Нам важны только сроки и результат. Но нужно согласовать 1-2 часа в день (желательно в промежутке с 14:00 до 21:00 по Москве) в которые мы и вы точно на связи на случай срочных вопросов (с вашей или нашей стороны), оценки прогресса, совместной выработки решений.

• Частичная занятость:

  • Первый месяц — создание сайта с нуля, гарантируем высокую загрузку, вплоть до 100% (конечно, если вы можете выделить это время),

Дальше — развитие сайта, поддержка и доработки. Скорее всего, загрузка до 20, максимум до 50% вашего времени.

Просьба в отклике ответить вопросы:

/не нужен ответ на несколько абзацев (хотя это не запрещается) — пары предложений и даже нескольких слов достаточно, если они понятно и точно передают суть/

• Занятость:

  • сколько часов в неделю вы готовы уделять проекту в ближайший месяц;

  • дату, когда вы готовы начать.

• Ваша часовая ставка в USD, предпочтительный формат (валюта) оплаты и оформления сотрудничества (самозанятый / ИП / зарубежный контрактор).

• Три ссылки на ваши проекты в Webflow.

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

• Ваш максимально успешный опыт оптимизации скорости загрузки страниц (не обязательно на Webflow).

Пожалуйста, уточните:

• какой сайт оптимизировали, что улучшили

• каким инструментом измеряли скорость;

• показатели до и после оптимизации.

• Интеграции:

  • Есть ли у вас опыт безопасной передачи данных форм на backend? В каких проектах? Сможете ли это сделать на Webflow?

  • Работали ли вы с авторизацией /регистрацией через Google-аккаунт?

Спасибо за время, уделенное вакансии и ответам на вопросы