Бюджет: 6000 UAH Срок: 3 дня
Здравствуйте!
Возьмусь за верстку — задача понятна. Делая pixel-perfect верстку из Figma, я использую такой подход: адаптив (desktop + mobile), светлая и темная темы, анимации и слайдеры там, где нужно, и главное — блочная структура, готовая к переносу на бэкенд.
Как реализую по вашим требованиям:
Верстка из Figma — desktop и mobile строго по макету, с промежуточными брейкпоинтами для планшета.
Темная / светлая темы — через CSS-переменные (custom properties) с переключением по атрибуту/классу. Это самый чистый способ: одна база стилей, темы переключаются мгновенно, без дублирования кода.
Анимации и слайдеры — плавные анимации на CSS/JS там, где это предусмотрено макетом; слайдеры на легком решении (Swiper или собственное, в зависимости от задачи).
Компонентная система — это ключевое. Каждый блок делаю изолированным и самодостаточным: своя разметка + стили + скрипт, с четкой структурой классов (BEM). Контент выношу так, чтобы его легко было заменить на данные с бэкенда — то есть блок становится готовым "шаблоном", который ваш бэкенд-разработчик просто наполнит динамикой, не переписывая верстку.
Финальный результат: архив с HTML всех страниц (главная, категория, страница, видео) + все необходимые файлы — стили, динамические скрипты, ассеты. Структура папок чистая и логичная, готовая к интеграции.
Что важно для переноса на бэкенд: повторяющиеся элементы (карточки, списки, блоки) делаю по единому паттерну, чтобы их можно было вынести в цикл/шаблон на серверной стороне. Избегаю жестко "зашитого" контента там, где он должен быть динамическим.
Готов посмотреть Figma-макет и после этого назвать точные сроки и стоимость. Скиньте, пожалуйста, ссылку на макет и перечень страниц.