Качественный и точный перенос вашего дизайн-макета из Figma в чистый, валидный и оптимизированный код. Я не использую конструкторы — только ручная работа, что гарантирует максимальную скорость работы сайта и лёгкость его дальнейшей интеграции с любым бэкендом или CMS.
Преимущества моей вёрстки:
- Pixel Perfect: Строгое соблюдение всех отступов, шрифтов, цветов и размеров из вашего макета.
- 100% Адаптивность: Сайт будет выглядеть безупречно на любых экранах — от старых смартфонов до огромных 4K-мониторов. Быстрый Mobile-First или Desktop-First подход.
- Чистый код и SEO-friendly: Семантическая вёрстка по стандартам HTML5/CSS3. Логичная структура классов (БЭМ-нейминг), которая нравится поисковым роботам Google и Яндекс.
- Живой интерфейс: Оживление макета с помощью чистого JavaScript или React — настройка плавной анимации, интерактивных слайдеров, табов, аккордеонов и модальных окон.
- Кроссбраузерность: Обязательное тестирование корректного отображения во всех популярных браузерах (Safari, Chrome, Edge, Firefox).
Что нужно для заказа
- Ссылка на дизайн-макет в Figma (убедитесь, что открыт доступ на просмотр кода/экспорта графики).
- Наличие отрисованной мобильной версии (если её нет — обсудим адаптацию элементов заранее).
- Техническое задание (ТЗ) или ваши пожелания по интерактиву (какие элементы должны двигаться, как работают кнопки при наведении, где нужны слайдеры).
- Шрифты и кастомные иконки (если они не встроены в Figma).
Объём услуги
Качественная вёрстка 1 страницы сайта средней сложности (для многостраничных проектов) ИЛИ до 6–8 блоков стандартного лендинга
Полная адаптация под 5 ключевых разрешений (мобильные, планшеты, десктопы).
Написание JS-скриптов для базового интерактива (меню-гамбургер, формы, слайдеры).
Оптимизация картинок и шрифтов для быстрой загрузки.
Передача исходного кода через архив или GitHub репозиторий
2 дня на выполнение
Доработка до 100% результата
