Senior frontend (ReactJS) developer, удаленная работа

Сайт работает на фреймворке Next.js (на базе React). Необходимо выполнить все пункты по ТЗ. ТЗ прилагается в файле. Жду предложений.

это сайт https://perfect-okna.com.ua/ основные проблемы: АНАЛИЗ СКОРОСТИ ЗАГРУЗКИ (Performance) Ключевые проблемы (типичные для таких сайтов): · Большие неоптимизированные изображения (JPEG/PNG без сжатия, нет WebP). · Отсутствие lazy loading для картинок в каталоге. · Не минифицированные CSS/JS, подключено много ненужных библиотек. · Нет кэширования на уровне браузера, не используется CDN. · Сервер не отдает сжатие (gzip/brotli). · Не используется HTTP/2. Чек-лист «Скорость»: · Сжать все изображения, перевести в WebP и добавить fallback. · Настроить ленивую загрузку изображений (loading="lazy"). · Минифицировать HTML, CSS, JS. Объединить файлы, где это уместно. · Включить Gzip/Brotli на сервере. · Настроить кэш-заголовки (Cache-Control, Expires) для статики. · Подключить CDN (Cloudflare бесплатно). · Удалить лишние плагины/скрипты (особенно если WordPress). · Использовать асинхронную загрузку для некритичных скриптов (async/defer). На главной часто нет четкой структуры «кто мы – что предлагаем – почему выбрать нас – как заказать». · Конструктор окон (если есть) может быть запутанным, без подсказок, не видно финальной цены сразу. · На мобильных устройствах меню может съезжать, калькулятор не адаптирован под пальцы. · Формы обратной связи длинные, без маски телефона, без валидации. · Нет «быстрых действий»: позвонить в один клик, мессенджеры, чат. · Отсутствие «хлебных крошек» на внутренних страницах. · Сделать мобильную версию без горизонтального скролла, кнопки не меньше 48x48 px. · На главной добавить сразу калькулятор цены «за 3 клика». · В шапке – номер телефона кликабельный (tel:), мессенджеры (Viber/Telegram) с иконками. · Формы: только имя + телефон + поле «комментарий» (необязательное). Маска для телефона. · Добавить плавающую кнопку «Быстрое заказ / Рассчитать стоимость» на мобильном. · На карточках товара – кнопка «Купить в 1 клик» (открывается мини-форма). · Добавить «хлебные крошки», улучшить навигацию по разделам. · Проверить контраст текста, размер шрифтов (не менее 14 px на мобильном). · Нет срочного предложения (акции с ограничением во времени). · Недостаточно социальных доказательств (отзывы, видеообзоры, количество выполненных работ). · Не объясняется, что цена "под ключ" (монтаж, доставка, демонтаж). · Нет CTA (призыва к действию) на каждом экране. Добавить «счетчик» – сколько клиентов уже выбрали, сколько окон установлено. · Видео-отзывы реальных клиентов (короткие, на 30–60 сек). · Блок «Рассчитать за 30 секунд» прямо на первом экране. · Показать цену «под ключ»: окно + монтаж + доставка, с прозрачной расшифровкой. · Акции с таймером: «Скидка -15% при заказе до конца недели». · Всплывающее окно с предложением бесплатного замера, когда пользователь пытается закрыть вкладку. Что сделать: · Интерактивный 3D конфигуратор окна (изменение цвета, открывание, стеклопакет) – об этом далее. · Мини-игра или тест: «Какое окно подходит для вашей квартиры?» · Кейсы: фото «до/после» в реальных интерьерах. · Гайды: «Как выбрать окна для шумной улицы», «Энергосбережение: какой стеклопакет выбрать». · Калькулятор экономии на отоплении после замены окон. Срочно (Critical) 1. Мобильная адаптация всего сайта, особенно конструктора и корзины. 2. Ускорить загрузку: сжатие картинок, кэширование, CDN. 3. Кнопка быстрого заказа (One Click Buy) на всех карточках товаров. Всплывающий чат с возможностью оставить сообщение в Viber/Telegram. 5. Валидный HTTPS и редирект с HTTP → HTTPS всех страниц. 6. Микроразметка Schema.org (Organization, Product, BreadcrumbList, Review). Важно (High) 1. Обновить главную: добавить УТП, акции, видео, быстрый калькулятор. 2. Страница «Акции» с таймером, которые обновляются ежемесячно. 3. Форма обратного звонка – простая, с маской и автоматической подстановкой кода города. 4. Подключение CRM (например, amoCRM / Bitrix24) для автоматического подхвата лидов. 5. Добавить онлайн-оплату (LiqPay, WayForPay) хотя бы предоплату за замер. 6. SEO-структура URL: /produkciya/plastikovi-vikna/, а не /?page_id=123. Желательно (Medium) 1. Расширить блог статьями под ключевые запросы (5 статей сразу). 2. Интерактивный конструктор с 3D-просмотром (отдельный блок ниже). 3. Фильтр продукции по характеристикам (размер, профиль, цвет, цена). 4. Персональный кабинет клиента, где можно видеть статус заказа. 5. Генерация PDF-коммерческого предложения прямо на сайте. КАК УЛУЧШИТЬ КОНСТРУКТОР (Конфигуратор окон) Если сейчас это обычная форма с выпадающими списками – это устарело. Нужен современный 3D-конструктор: Обязательные фишки: · Пошаговый мастер (wizard): 1) выбор комнаты, 2) размеры, 3) количество створок, 4) цвет, 5) стеклопакет, 6) фурнитура, 7) москитная сетка. · Мгновенный пересчет цены на каждом шаге (AJAX). · 3D-визуализация (Three.js или готовый js-фреймворк). · Сохранение выбранной конфигурации в PDF (генерация на сервере) и отправка на e-mail. · Кнопка «Отправить расчет менеджеру» – и в CRM летит карточка со всеми параметрами. · Возможность поделиться ссылкой на свою конфигурацию (например, чтобы отправить мужу/жене). · Полная адаптация под тач-жесты (свайп для вращения 3D-модели на телефоне) Цена договорная!

Есть полностью готовый сайт визитка на одну страницу - делал его Cloud Code Исполнитель получает готовый архив в ZIP (HTML/CSS/JS). Необходимо сделать качественную адаптацию под WordPress без использования Elementor и других тяжелых конструкторов.Что необходимо сделать1. Натянуть сайт на WordPress создать кастомную тему; сохранить дизайн 1:1; сохранить адаптивность; сохранить все анимации; сохранить все JS-эффекты.2. Сделать админку через ACF Pro Все текстовые блоки должны редактироваться из админки. В том числе: Hero Services Work (кейсы) About Process Testimonials Brands CTA Footer Контакты Социальные сети3. Repeaters Через ACF Repeater необходимо сделать: услуги кейсы отзывы логотипы клиентов этапы процесса FAQ (если понадобится)4. Flexible Content Желательно использовать ACF Flexible Content, чтобы можно было: менять порядок блоков; отключать блоки; добавлять новые блоки без переписывания темы.5. Кейсы Сделать отдельный Custom Post Type: Projects Поля: название категория описание изображение ссылка дополнительные изображения (по необходимости)6. Отзывы Сделать отдельный Custom Post Type: Testimonials Поля: имя должность компания фотография текст7. Настройки сайта Через ACF Options Page вывести: логотип Telegram WhatsApp Email телефон ссылки соцсетейРезультат Необходимо получить: готовую WordPress-тему; возможность полностью редактировать сайт через админку; без использования конструкторов страниц; чистый код; сохранение всех анимаций и адаптивности. если нужно ссылку отправлю в личку какая цена и сроки?

Метапроект Реализовать интеграцию Viber без использования сторонних CRM-систем. Вся работа с сообщениями должна выполняться непосредственно в нашей внутренней CRM на базе BAS / 1С 8.3.Текущая система BAS / 1С 8.3 Самописная конфигурация "Обслуживание клиентов" База более 40 000 абонентовНеобходимо реализовать Интеграцию через официального Viber Business-провайдера (TurboSMS, GMS Worldwide или другой согласованный сервис). Кнопку «Написать в Viber» в карточке абонента. Отправку сообщений непосредственно из BAS. Прием входящих сообщений через Webhook. Автоматическую привязку сообщений к абоненту по номеру телефона. Полное сохранение истории переписки в карточке абонента. Отображение времени, статуса сообщения и менеджера, который отвечал. Работу нескольких менеджеров одновременно. Шаблоны сообщений для быстрой реакции. Помощь с настройкой Viber-провайдера, API-ключей и Webhook. Передачу всего исходного кода и настроек после завершения работ.Условия приемки Работа считается выполненной после успешного тестирования всех функций на рабочей базе и передачи исходного кода.Гарантия 1 месяц гарантии на исправление ошибок, связанных с реализованным функционалом. Дальнейшие доработки выполняются по отдельной договоренности.Результат После завершения проекта менеджеры должны иметь возможность полностью работать с Viber непосредственно в BAS: писать клиентам, получать ответы, просматривать историю переписки и вести коммуникацию без использования сторонних CRM. Весь исходный код, доработки, API-ключи и настройки после завершения проекта передаются заказчику.

Требуется настройка FB Pixel для е-комм магазина, кроме стандартного оформления заказа есть несколько видов контактных форм которые тоже нужно отслеживать. Просьба указать ваше видение какие события и данные нужно собирать на этом сайте и как настроить их передачу. сайт: https:// heavywrist. com/ Задача срочная, сделать нужно сегодня.