Budget: 6000 UAH Deadline: 3 days
Hello!
I will take on the layout — the task is clear. I create pixel-perfect layouts from Figma with the following approach: responsive (desktop + mobile), light and dark themes, animations and sliders where needed, and most importantly — a block structure ready for backend transfer.
How I will implement according to your requirements:
Layout from Figma — desktop and mobile strictly according to the design, with intermediate breakpoints for tablets.
Dark/light themes — through CSS variables (custom properties) with switching by attribute/class. This is the cleanest way: one style base, themes switch instantly, without code duplication.
Animations and sliders — smooth animations in CSS/JS where specified in the design; sliders on a lightweight solution (Swiper or custom, depending on the task).
Component system — this is key. I make each block isolated and self-sufficient: its own markup + styles + script, with a clear class structure (BEM). Content is structured so that it can be easily replaced with data from the backend — meaning the block becomes a ready "template" that your backend developer can simply fill with dynamics without rewriting the layout.
Final result: an archive with HTML of all pages (main, category, page, video) + all necessary files — styles, dynamic scripts, assets. The folder structure is clean and logical, ready for integration.
What is important for backend transfer: I create repeating elements (cards, lists, blocks) according to a single pattern so they can be extracted into a loop/template on the server side. I avoid hard-coded content where it should be dynamic.
I am ready to look at the Figma design and after that provide exact timelines and costs. Please send the link to the design and the list of pages.