лабораторная работа по веб-программированию (вариант 10)

Ищем разработчика для создания простого, но аккуратного и конверсионного лендинга под услугу грузоперевозок и квартирных/офисных переездов в Израиле (основной фокус — север страны). Цель сайта — получать заявки и звонки через WhatsApp и форму. Задача Нужно сделать: 1. Лендинг-страницу (можно с ии) современный, минималистичный дизайн адаптация под мобильные (основной трафик — мобайл) структура под лидогенерацию Рекомендуемая структура: главный экран (оффер + кнопка WhatsApp) услуги (переезды, грузчики, упаковка и т.д.) преимущества процесс работы (3–5 шагов) отзывы (можно шаблонно на старте) форма заявки блок контактов 2. WhatsApp-бот автоматические ответы на частые вопросы сбор заявки (имя / адрес / дата / тип переезда) передача заявки в WhatsApp/CRM быстрые кнопки (расчет, консультация, заказ) 3. Форма заявки простая форма на сайте интеграция с уведомлениями (email / WhatsApp / CRM) минимальное количество полей для повышения конверсии 4. Аналитика Google Analytics / GA4 события: отправка формы, клики по WhatsApp, звонки базовая настройка конверсий 5. CRM (простая интеграция) подключение заявок в CRM (любая удобная система — обсуждается) фиксация лидов возможность дальнейшей обработки заявок Условия бюджет:5,000 грн срок:3 дня (проект срочный) формат работы: поэтапно, с тестами и правками Важный организационный момент Проект ведется через другого заказчика. Я не успеваю лично закрыть реализацию, поэтому в работу подключается отдельный фрилансер. Все полностью прозрачно: вы будете добавлены в рабочую группу с заказчиком все договоренности фиксируются там вы работаете напрямую с ним после старта никаких “серых зон” или неясностей по задачам Требования к исполнителю опыт в создании лендингов под услуги / лидогенерацию понимание UX под мобильный трафик опыт интеграции WhatsApp-ботов или похожих решений базовое понимание аналитики (GA4) аккуратная работа и соблюдение сроков

Всем привет. Ищу специалиста, который поможет решить проблему с исходниками React. Проблема в том что их нет. Поэтому нужно сделать новый репозиторий, вытащить максимум из DevTools/source maps, а затем довосстановить проект. Подробности распишу кандидатам. Жду ваших откликов.

Сайт работает на фреймворке 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-модели на телефоне) Цена договорная!

Метапроект Реализовать интеграцию 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-ключи и настройки после завершения проекта передаются заказчику.