Серія двох шаблонів сторінок mobilefirst

1. Сайт на WordPress 2. Підняти швидкість до 100 на мобільному та десктопі 3. Зробити через код, без плагінів 4. Термін 1-2 дні 5. Сайт надішлю в ЛС

Потрібно розробити анімовану фігуру для першого екрану сайту: https://front.touchit.vinnica.ua/spiral2/ Зараз у банері використовується тимчасова фігура. Необхідно замінити її на нашу унікальну анімацію, побудовану на основі логотипу компанії. Основний референс по руху та візуальному ефекту: https://atuin.media/en/ Що потрібно: Створити процедурну фігуру у формі нашого логотипа. Фігура повинна плавно рухатися, обертатися, вигинатися і деформуватися. Заголовок просвічуватися, коли фігура на нього потрапляє. Рух має бути безперервним і живим, без помітного повторення короткої анімації. Візуально логотип має виглядати як гнучка об'ємна стрічка або поверхня. Потрібно реалізувати освітлення, тіні, відблиски, градієнти і за необхідності напівпрозорість. Анімація повинна коректно працювати на різних роздільних здатностях екрану. Важливо забезпечити хорошу продуктивність на комп'ютерах і мобільних пристроях. Готову анімацію потрібно інтегрувати в існуючу верстку банера. Анімація не повинна заважати роботі тексту, кнопок і інших елементів сторінки. У нас є готова модель логотипу у форматі GLB. Її можна використовувати як основу або візуальний орієнтир. При цьому ми розуміємо, що звичайного обертання готової моделі недостатньо. Потрібна саме динамічна деформація геометрії. Передбачуваний стек: • Three.js • WebGL • JavaScript • Процедурна геометрія або деформація вершин Розглядаємо й інші варіанти реалізації, якщо результат буде візуально схожий на референс і зможе нормально працювати в браузері.

ТЕХНІЧНЕ ЗАВДАННЯ Оновлення інтернет-магазину bp.ua Про проєкт Діючий інтернет-магазин парфумерії на OpenCart 2.x. Потрібно перенести на OpenCart 4.x, оновити дизайн і функціонал, зберегти всі дані, інтеграції та SEO. Сайт двомовний (українська + російська). Шукаємо виконавця (або команду) для backend і frontend. Можна відгукуватись на одну частину або на обидві.Частина 1. Backend (OpenCart 4)Міграція Розгортання чистого OpenCart 4.x (остання стабільна гілка), PHP 8.1+. Перенесення даних: товари, категорії, атрибути, опції, бренди, клієнти, замовлення, відгуки, контент-сторінки. Збереження SEO-URL (ЧПУ) один-в-один; карта 301-редиректів зі старих адрес. Прямого апгрейду 2.x → 4.x немає: тільки чисте розгортання + контрольоване перенесення.API-інтеграція з постачальником (пріоритет) Портування наявної кастомної доробки обміну з сервером постачальника (ціни + залишки). Автоматична синхронізація за розкладом (cron), лог помилок, ручний запуск. Приховування/статус для позицій, яких немає в наявності. Підтримка каталогу 2 000+ позицій.Модулі Нова Пошта: вибір відділень/поштоматів, автоформування ТТН з адмінки. Оплата: підключення платіжної системи (LiqPay / Fondy / WayForPay — узгодити), накладений платіж. Чекаут: серверна логіка, гостьове замовлення, статуси, повідомлення клієнту. Масовий імпорт/оновлення товарів з прайсу (xlsx/csv), прив’язка фото за артикулом/штрихкодом.Двомовність (uk / ru) Дві мови магазину: uk-UA (основна) та ru-RU. Двомовні поля товарів, категорій, контент-сторінок, мета-тегів. Окремі SEO-URL для кожної мови, теги hreflang, канонічні URL. 301-редиректи зі старих URL обох мов (перевірити поточну схему: /ru/, піддомен чи параметр). Листи покупцю — мовою сесії клієнта.Блог Зберегти наявний розділ статейhttps://blog.bp.ua/. Перенести існуючі статті (uk/ru) зі збереженням URL і 301-редиректами де потрібно. Двомовність, коректна SEO-розмітка статей. Розділ блогу має лишатися редагованим з адмінки.SEO (серверне) Заміна стороннього SEO-модуля на нативний механізм OC4. Генерація sitemap.xml (окремі мовні гілки), коректний robots.txt. МікророзміткаSchema.org (Product, Offer, BreadcrumbList, Articleдля блогу).Продуктивність і безпека Кеш (OPcache + вбудований OC4), оптимізація запитів, gzip/brotli, HTTP/2. Зображення: WebP, resize з кешуванням. HTTPS, 2FA в адмінці, актуальні патчі, щоденні бекапи. Core Web Vitals у «зеленій» зоні на мобільному.Порядок робіт Усі роботи ведуться на staging. Старий сайт працює до повного тестування нового. Перемикання на прод — з можливістю відкату 30 днів. Частина 2. Frontend (дизайн + верстка)Дизайн Стиль: мінімалістичний, преміальний, багато «повітря», акцент на фото товару. Мобільний-перший підхід (більшість трафіку — мобільний). Дизайн-система у Figma: палітра, типографіка, компоненти, стани. Макети ключових екранів (десктоп + мобільний): головна, каталог, картка товару, бренд-сторінка, кошик, чекаут, пошук, блог і сторінка статті.Верстка Семантичний HTML5, чистий CSS, адаптив (mobile-first). Інтеграція у twig-шаблони OpenCart 4 (не статика), робота з живими даними. Зображення: WebP, lazy-load, srcset. Шрифт із повною кирилицею (uk/ru). Кросбраузерність: Chrome, Safari, Firefox, Edge + iOS/Android. Core Web Vitals: LCP < 2.5 c, CLS < 0.1, INP < 200мс(мобільний).Функціонал інтерфейсу Фасетні фільтри каталогу: бренд, тип, об’єм, нота, стать, ціна. Картка товару: фото, опис, ноти, формат/об’єм, відгуки, «з цим купують». Quick view, список бажань, порівняння, бейджі (новинка, хіт, лімітована к-сть). Адаптивний чекаут з мінімумом кроків, автозаповнення Нової Пошти. Розділ блогу: список статей і сторінка статті у стилі сайту.Двомовність (uk / ru) Перемикач мов у шапці, коректний на мобільному. Верстка враховує різну довжину рядків у двох мовах. Увесь текст теми — через мовні змінні OC4 (без «зашитого» тексту). Приймання та співпрацяЩо передати на завершення Backend:доступи (сервер, БД, адмінка, репозиторій), коротка документація по доробках і cron, інструкція з розгортання/відкату, список сторонніх модулів. Frontend:Figma-файл з дизайн-системою та екранами, код теми (twig + CSS/JS), інструкція зі зміни банерів/контенту.Критерії приймання (коротко)

https://www.figma.com/design/bSzGOmDb3scdsBgjR3hHLb/Robo?node-id=0-1&p=f https://robo.org.ua/index.php?route=product/product&path=145802278&product_id=237 Завдання: редизайн сторінки товару та відгуків на головній Сайт уже розроблений і повністю працює. Дизайнер підготував новий дизайн у Figma, який потрібно реалізувати на наявному сайті. Необхідно: зверстати новий дизайн відповідно до макета; інтегрувати його в поточний сайт; адаптувати сторінки під мобільні пристрої, планшети та комп’ютери; перевірити коректну роботу кнопок, форм, меню та інших елементів; забезпечити максимально точну відповідність макету. Розробляти сайт з нуля не потрібно — необхідно лише виконати редизайн і замінити поточне оформлення на нове.

Веб-сайт наразі інфільтрований вірусом. Сайт не працює належним чином. Зокрема, головна сторінка не працює правильно. Нам потрібен розробник, який може виправити цю помилку якомога швидше.