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

PropVue LLC

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

Санкт-Петербург, Гаванская улица, 12

Метро: Василеостровская

Описание вакансии

О проекте

Есть сайт для продвижения программного продукта (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. На этом шаге берется почта пользователя (через ввод руками или через авторизацию через гугл-аккаунт).


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

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

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

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

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

Шаг 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-аккаунт?



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

Навыки
  • Webflow
  • HTML
  • CSS
  • Figma
Посмотреть контакты работодателя

Адрес

Похожие вакансии

ЭГО Транслейтинг

Верстальщик

ЭГО Транслейтинг

Удаленная работа
  • Санкт-Петербург

  • Не указана

Рекомендуем
FutureToday
Удаленная работа
  • Санкт-Петербург

  • до 50000 RUR

Рекомендуем

Хотите оставить вакансию?

Заполните форму и найдите сотрудника всего за несколько минут.
Оставить вакансию