Верстка продуктовой страницы магазина

Описание: Нужно качественно сверстать две страницы аналитического интерфейса по готовому макету из Figma (один в один) Ссылка: https://www.figma.com Объем работы: Страница Single Location: карточки метрик, две круговые диаграммы, таблица-лидерборд. Страница Multi-Location: карточки, интерактивная карта США (по штатам), таблица эффективности. Требования: Стек: Любой на ваше усмотрение (HTML/CSS/JS, Tailwind, React, Vue и т.д.) — финальную конвертацию кода под свои нужды мы сделаем сами. Качество: Строго 1 в 1, аккуратная адаптивная сетка. В отклике укажите ваш стек, цену, реальные сроки и прикрепите 1–2 примера сверстанных вами админок или дашбордов.

# Нужен верстальщик (WordPress / WooCommerce): карточка товара ## О проекте Действующий интернет-магазин Дизайн уже готов — нужно качественно сверстать и интегрировать карточку товара (single product). - Текущая страница (пример): https://obertshop.com.ua/shop/dysky/audi/r21-audi/disk-r21-na-avto-audi-obr9006/ Верстка шаблона single-product ## Требования - Верстка по макету Figma. - Адаптив: desktop + mobile, корректное отображение в основных браузерах. - Интеграция в существующую тему WooCommerce, чистый и поддерживаемый код. - Результат — рабочая страница на сайте, соответствующая дизайну. ## Что отправить в отклике 1. Портфолио (желательно WordPress / WooCommerce, карточки товаров). 2. Стоимость — предложите удобный формат (фикс за проект или почасовая ставка). 3. Срок в днях. 4. Вопросы по макету и перечень доступов/материалов, которые нужны от нас для старта. Доступ к Figma, сайту и необходимые материалы предоставлю в личных сообщениях после отклика.

Необходимо сверстать сайт по дизайну. Макет кривой немного, поэтому 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 (если есть); примерную стоимость работы готовы ли к долгосрочному сотрудничеству.