Сделать анимацию в web приложении на React

Шукаємо розробника для створення простого, але акуратного та конверсійного лендингу під послугу вантажоперевезень та квартирних/офісних переїздів в Ізраїлі (основний фокус — північ країни). Мета сайту — отримувати заявки та дзвінки через 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-ключі та налаштування після завершення проєкту передаються замовнику.