Forming the POPUP form on Tildes

ТЕХНІЧНЕ ЗАВДАННЯ Оновлення інтернет-магазину 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 Task: redesign the product and reviews page on the main page The website is already developed and fully operational. The designer has prepared a new design in Figma that needs to be implemented on the existing site. It is necessary to: code the new design according to the layout; integrate it into the current site; adapt the pages for mobile devices, tablets, and computers; check the correct operation of buttons, forms, menus, and other elements; ensure maximum accuracy in matching the layout. There is no need to develop the site from scratch — only the redesign and replacement of the current design with the new one are required.

A virus has currently infiltrated the website. The site is not functioning properly. In particular, the main page is not working correctly. We need a developer who can fix this error as soon as possible.

There is a sales funnel for the online store that we want to replicate for ourselves. It looks like this: The main landing page (the product that is primarily for sale, for example, a shirt). Then the checkout page (where the person enters their details and chooses how many shirts they want to buy, for example). Then they go further down the funnel and are offered upsell 1 (socks) + then upsell 2 (underwear) and finally the thank you page. You can see how this should work in terms of page transitions and logic here (you need to get to the end to the thank you page) https://3plus3.heroman.com.ua/standard/. We have examples of pages that we want to create for ourselves. So for us, essentially, we will copy the design - layout - fill it in with our product. The upsell pages will have the same design and structure as on the site I shared above (underwear). You will not need to fill the pages with information, just gather the skeleton - so that the application comes through correctly. Also, you do not need to come up with the structure of the pages. From you, essentially: Copy and layout. Set it up to work technically correctly. Show how to work with this so we can do it ourselves. There are 2 website builders in mind, we are currently working closely with 1 and need to understand if we can deploy this on it (but I read in GPT that it is possible).

Task Need to create a stylish responsive email template based on the provided text and prepare it for upload to the email marketing service. What needs to be done Design the email. Code a responsive HTML email. Insert the provided text. Prepare blocks for images and icons. Add CTA buttons. Prepare links with UTM tags. Create a plain-text version of the email. Check rendering in major email clients. Prepare the final file for upload to the mailing service. Design Requirements A clean, modern, premium-style email is needed. The email should be easy to read, not overloaded, with a clear structure, short text blocks, visual accents, and several CTA buttons. Technical Requirements Responsive HTML email coding; Correct rendering on desktop and mobile; Table-based layout; Container width approximately 600–700 px; Inline CSS / email-compatible CSS; Buttons must be HTML/CSS, not images; All important data must be HTML text; Images must have alt text; No JavaScript; No forms inside the email; Links must work correctly; Preparation of UTM tags for CTA. Testing Need to check rendering in at least: Gmail; Apple Mail; Outlook; mobile email clients. Deliverables Ready HTML email file. Plain-text version. Preview or screenshots desktop/mobile. Instructions on where to change links, text, and images. File/version ready for upload to the mailing service. In your response, please attach examples of HTML email newsletters you have created and specify which mailing services you have worked with.