Точное соответствие макету
Сохраняю сетку, типографику, размеры, отступы и визуальные состояния из Figma.
Вёрстка по готовому дизайну
Вёрстка сайта по макету Figma.
Переношу дизайн в аккуратный интерфейс, который визуально соответствует макету и остаётся понятным в коде.
- HTML
- CSS
- SEMANTIC MARKUP
- PIXEL PERFECT
Что входит в работу.
Семантическая разметка
Использую подходящие HTML-элементы, логичную структуру заголовков и понятные названия компонентов.
Чистый CSS
Собираю предсказуемые стили без лишних зависимостей, дублирования и случайных переопределений.
Подготовка к адаптиву
Закладываю гибкую сетку и поведение элементов, чтобы интерфейс корректно развивался на разных экранах.
Как проходит работа.
- 01
Проверяю макет
Изучаю компоненты, состояния, шрифты и материалы, отмечаю вопросы до начала вёрстки.
- 02
Собираю структуру
Создаю семантический HTML и базовую сетку, затем переношу визуальные параметры.
- 03
Сверяю результат
Проверяю ключевые размеры экрана, интерактивные состояния и расхождения с макетом.
Сроки и стоимость.
- Срок
- После проверки макета
Срок зависит от числа страниц, состояний и готовности материалов. После просмотра Figma фиксирую дату сдачи до начала работы.
- Стоимость
- Фиксированная смета
Рассчитываю стоимость по макету и списку требований. Согласованная смета не меняется без новых задач со стороны заказчика.
Частые вопросы.
Что нужно для оценки?
Ссылка на Figma, список нужных страниц, описание интерактивных элементов, шрифты и исходные материалы.
Входит ли адаптивная версия?
Если мобильные экраны есть в макете, включу их в оценку. Если их нет, отдельно согласуем правила адаптации до начала разработки.
Насколько точно результат совпадёт с Figma?
Сверяю сетку, типографику, размеры и состояния на согласованных ширинах экрана с учётом особенностей браузерного рендеринга.
Как учитываются правки?
Порядок и объём правок фиксирую в оценке. Новые страницы или изменения утверждённого дизайна оцениваю отдельно до выполнения.