Обо мне Услуги
Все услуги и решения
Услуги
WordPress и Elementor
Другие платформы
Для вашей ниши
Интеграции
Работа с готовым сайтом
Настройка и техработы
SEO по платформам
Стоимость и процесс
Портфолио
По типам
По нишам
По платформам
Вопросы Блог — все статьи
Рубрики
Вёрстка

Вёрстка по макету Figma: аккуратно, адаптивно, быстро

Есть готовый дизайн, нужно превратить его в рабочий сайт. Сверстаю по макету, адаптирую под телефоны и планшеты и при необходимости подключу к системе управления.

АдаптивHTML, CSS, JSWordPress / Elementor

Кому подходит

Дизайнерам и студиям

Вы рисуете макеты, а вёрстку и разработку отдаёте подрядчику.

Заказчикам с готовым дизайном

Макет уже сделан, нужен исполнитель, который воплотит его без искажений.

Тем, кому нужна управляемость

Вёрстка подключается к WordPress или Elementor, чтобы контент редактировался без кода.

Тем, кому важна скорость

Лёгкий код без лишних библиотек, аккуратные картинки и шрифты.

Что мне нужно от макета

Идеально: макеты для десктопа и мобильной версии (часто ещё для планшета), структурированные слои и компоненты, подключённые шрифты, экспортируемые изображения и описанные состояния кнопок и форм. Если макетов для мобильной версии нет, могу предложить адаптацию, но это отдельная работа над дизайном.

Вёрстка может быть на чистом HTML, CSS и JavaScript или встроена в систему: на Elementor или как тема WordPress. Слежу за скоростью, о ней: ускорение сайта.

Все технические работы по сайту: домен, SSL, DNS, почта, индексация, ошибки. Другие услуги по готовому сайту: поддержка, редизайн, ускорение.

Что входит в работу

Разбор макета

Вопросы по неясным местам до старта.

Адаптивная вёрстка

Десктоп, планшет, телефон.

Анимации и интерактив

Слайдеры, меню, всплывающие окна.

Подключение к CMS

При необходимости.

Оптимизация

Изображения, шрифты, скрипты.

Проверка на устройствах

И сверка с макетом.

Как проходит работа

01
Задача

Вы описываете, что нужно и зачем. Я задаю вопросы и говорю честно, что реально, а что нет.

02
Оценка

Называю стоимость и срок до начала работы — с разбивкой, из чего они складываются.

03
Работа

Делаю этапами и показываю промежуточный результат, а не исчезаю до финала.

04
Проверка

Проверяем всё вместе на реальных устройствах, вношу правки по итогам.

05
Запуск и передача

Запускаю, передаю доступы и инструкцию. Дальше можно работать самому или продолжить со мной.

Частые вопросы

Насколько точно совпадёт с макетом?+

Максимально близко, но на разных экранах допустимы разумные отличия: сайт адаптивный, а макет статичный. Спорные места согласуем.

Верстаете ли вы под ключ, если макета нет?+

Да, но это уже полный проект с дизайном, см. страницы о разработке сайтов.

Сколько стоит вёрстка?+

Зависит от числа экранов и сложности. Оцениваю после просмотра макета.

Пришлите ссылку на макет

Пришлите ссылку на макет в Figma, скажу, что понадобится и сколько это займёт.

Заявка
Читайте также

Мы используем файлы куки для работы сайта и аналитики. Продолжая использование, вы соглашаетесь с Политикой куки и Политикой конфиденциальности.

Подробнее