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