Нужна Верстка макетов на JSX для react приложения

Необхідно оновити дизайн діючого інтернет-магазину joanna.od.com, який працює на OpenCart. Дизайн повністю підготовлений у Figma. Потрібно якісно перенести його на сайт, зберігши весь існуючий функціонал. Що необхідно зробити * Виконати адаптивну верстку за макетом Figma. * Інтегрувати новий дизайн в OpenCart. * Зберегти існуючий функціонал сайту. * Забезпечити коректну роботу на комп'ютерах, планшетах і мобільних пристроях. * Зберегти або покращити швидкість завантаження сторінок. Вимоги до виконавця * Досвід розробки та доопрацювання сайтів на OpenCart. * Досвід адаптивної верстки за макетами Figma. * Чистий, зрозумілий код без зайвих бібліотек. * Виправлення можливих помилок після здачі проекту. При відповіді вкажіть * вартість виконання; * терміни; * приклади виконаних проектів на OpenCart; Макет Figma буде надіслано обраному виконавцю після обговорення проекту.

Необхідно виконати верстку та розробку сайту відповідно до технічного завдання, яке знаходиться за посиланням на Google Drive (посилання буде надано виконавцю).Що необхідно зробити Розробити сайт у повній відповідності з ТЗ. Зверстати всі сторінки та реалізувати необхідний функціонал, передбачений технічним завданням. Сайт має бути повністю готовим до розміщення на хостингу.Що робити НЕ потрібно Не потрібно налаштовувати відправку пошти. Не потрібно підключати або налаштовувати форми зворотного зв'язку. Достатньо підготувати місце (HTML-блок) для подальшого підключення форми нашою командою. Не потрібно вивантажувати сайт на основний домен або сервер. Не потрібно виконувати запуск проекту на нашому хостингу. Результат роботи По завершенні проекту виконавець має надати: архів з усіма файлами сайту; структуру проекту, повністю готову до завантаження на наш сервер; всі необхідні вихідні файли, щоб після завантаження на наш домен і хостинг сайт можна було запустити без доопрацювань. Додаткові вимоги Код має бути чистим, структурованим і зрозумілим. Верстка має коректно відображатися в сучасних браузерах. Адаптивність має відповідати вимогам, зазначеним у технічному завданні. Усі шляхи до файлів мають бути відносними, щоб проект коректно працював після переносу на наш сервер. При відповіді, будь ласка, вкажіть: вартість виконання; терміни; приклади аналогічних робіт (якщо є).

Потрібно зверстати сайт по дизайну. Макет кривий трішки, тому pixel perfect не треба. Верстка, адаптив для МОБ пристроїв, відкриття сторінок по посиланнях та сайт на 3-х мовах. Всі тексти в блоках на інших мовах пришлемо пізніше. Додатково: оптимізація для Google PageSpeed 100 / 100 для МОБ та ПК. Або хоча б 98 із 100, не меньше !!! Пропонуйте строки та вартість. Макет: https://www.figma.com/design/AkM2GAvaLAPw7IAOtkGPIy/DSL-2010--%D0%9F%D1%80%D0%B0%D0%B2%D0%BA%D0%B8-1-?node-id=6177-908&t=u7qPBPqxIifkwaug-0

Сайт розроблений на: Backend: Java + Spring Boot База даних: MySQL Frontend: JavaScript, HTML, CSS Шаблонізатор: Thymeleaf Сервер: VPS (Linux Ubuntu) Reverse Proxy: Apache2 Архітектура: Монолітний додаток На даний момент на сайті реалізовано: Блог з адміністративною панеллю. Можливість створювати та редагувати статті через адмін-панель. Можливість додавати HTML-розмітку та контент через візуальний інтерфейс. Статичні сторінки сайту, які зараз створюються розробником вручну. ⸻ Мета завдання Необхідно реалізувати можливість створювати та управляти новими комерційними сторінками послуг через існуючу адміністративну панель аналогічно тому, як зараз створюються статті блогу. Після реалізації адміністратор повинен мати можливість самостійно створювати нові SEO-сторінки послуг без участі розробника. ⸻ Поточний стан Зараз через адмін-панель можна створювати тільки записи блогу. Приклад: Стаття 1 Стаття 2 Стаття 3 Кожна стаття має: Заголовок URL (slug) Контент SEO-параметри Зображення ⸻ Що необхідно реалізувати 1. Новий тип контенту «Послуги» Створити в адмін-панелі окремий розділ: «Послуги» Він повинен бути незалежним від розділу блогу. Приклад структури: Блог Послуги ⸻ 1. Створення сторінки послуги Адміністратор повинен мати можливість створити нову сторінку послуги через інтерфейс. Комерційні сторінки послуг складаються з 13 блоків, з яких 4 блоки динамічні та 9 статичних. Поля: Назва послуги URL (slug) H1 SEO Title Meta Description SEO Keywords Основний контент сторінки Зображення Статус публікації (Чернетка / Опубліковано) ⸻ 1. Контент сторінки Контент повинен підтримувати: HTML-розмітку Форматування тексту Заголовки H2-H6 Списки Зображення Посилання Бажано використовувати існуючий редактор, який вже застосовується в блозі. ⸻ 1. Генерація URL Кожна послуга повинна мати власний URL. Приклади: /visa/usa/business-visa-usa /visa/usa/business-visa-uk /visa/usa/business-visa-canada ⸻ 1. Відображення на сайті Після публікації сторінка повинна: автоматично ставати доступною за своїм URL; використовувати існуючий шаблон сторінок послуг або новий шаблон; коректно відображатися на всіх пристроях. ⸻ 1. SEO Для кожної послуги необхідно забезпечити можливість налаштування: Title Description H1 Canonical URL (бажано) Open Graph (бажано) Сторінки повинні індексуватися пошуковими системами аналогічно сторінкам блогу. ⸻ 1. Список послуг В адмін-панелі реалізувати: список всіх послуг; пошук; редагування; видалення; зміна статусу публікації. ⸻ 1. Важно Реалізувати можливість створювати нові типи SEO-сторінок без доопрацювання коду в майбутньому. через єдиний механізм управління контентом. ⸻ Що очікується від розробника Необхідно проаналізувати існуючу реалізацію блогу та максимально переиспользувати поточну архітектуру для створення нового розділу «Послуги». При відповіді прошу вказати: Яким чином буде реалізовано завдання. Які зміни знадобляться в БД. Оцінку по часу. Вартість робіт. Які технології повинен знати виконавець Обов'язково: Java Spring Boot MySQL Thymeleaf HTML/CSS JavaScript Робота з Linux Ubuntu Бажано: Spring Security SEO-оптимізація серверних сторінок Досвід роботи з CMS та CRUD-модулями Досвід підтримки монолітних Spring Boot проектів

Потрібно провести аудит існуючого сайту, виправити технічні помилки, покращити SEO, оптимізувати швидкість і поетапно доопрацьовувати функціонал. Редизайн не потрібен Що потрібно зробити: Провести технічний аудит сайту. Провести SEO-аудит і запропонувати план покращень. Знайти і усунути технічні помилки. Запропонувати покращення по UX/UI і дизайну. Оптимізувати швидкість завантаження. Виконувати доопрацювання сайту, за необхідності працювати з кодом. В подальшому — підтримка і розвиток сайту. В відповіді вкажіть: посилання на схожі проекти; досвід роботи з WordPress (якщо є); приблизну вартість роботи чи готові до довгострокової співпраці.