© — 001.
Дизайнеры и студии без своей разработки
Вы рисуете, мы верстаем. Технический партнёр, который не испортит ваш макет и держит договорённости.
(SW® — 01) Услуга
Есть макет? Превратим его в быстрый адаптивный код, который выглядит как в дизайне на любом экране.
Вёрстка сайта по макету: без «в Figma было иначе»
(SW® — 02) Условия
- Стоимость
- от $25/час
- Срок
- после обзора макета
- 210+ проектов с 2016 года
- 3 версии экрана: мобильная, планшет, десктоп
- Mobile-first верстаем от мобильного
(SW® — 03) Диагноз
Вёрстка подводит, если…
-
01
Сайт выглядит не так, как в макете.
Отступы, шрифты, состояния кнопок: мелочи, из-за которых дизайн перестаёт быть вашим.
-
02
На телефоне всё разваливается.
Макет рисовали под монитор, а клиенты заходят с телефонов, планшетов и широких экранов.
-
03
Страница грузится вечность.
Тяжёлые изображения и лишний код. Посетитель ждёт, поиск понижает, реклама тратится впустую.
-
04
Дизайнер и разработчик не понимают друг друга.
Правки по кругу, сроки сдвигаются, а результат не похож на замысел.
Вёрстка это не «перенести картинку в код». Это место, где дизайн или живёт, или умирает.
(SW® — 05) Что входит в работу
Что входит в работу
- Стоимость
- от $25/час
- Срок
- после обзора макета
(SW® — 04) Кому подходит
Кому подходит
© — 002.
Агентства, которым нужен надёжный исполнитель
Берём вёрстку под ваши проекты и держим качество и сроки, чтобы вам не пришлось краснеть перед клиентом.
© — 003.
Бизнес с готовым макетом
Дизайн уже есть, а разработчик нужен. Превратим его в работающий сайт, быстрый и адаптивный.
(SW® — 06) Сравнение
Вёрстка «лишь бы работало» или по стандарту SWEB?
Вёрстка «лишь бы работало»
Вёрстка от SWEB
Точность
Примерно как в макете
Отступы, типографика, состояния кнопок и форм как в дизайне
Экраны
Десктоп и «как-нибудь на мобильном»
Мобильные, планшеты, широкие мониторы
Скорость
Тяжёлые изображения и лишний код
WebP, чистый код, ориентация на Core Web Vitals
Код
Под каждую страницу отдельно
Компоненты, которые легко расширять
Анимации
Эффекты, тормозящие страницу
Продуманные анимации без потери скорости
Передача
Вы зависите от верстальщика
Чистый код и порядок в проекте, который подхватит любой
(SW® — 07) Форматы
Что именно верстаем
Оценку делаем после обзора макета, это бесплатно.
© — 01
Лендинг по макету
Одна страница, которую нужно превратить в быстрый код.
после обзора
Срок: после обзора макета
- Адаптив для мобильных, планшетов и десктопа
- Состояния кнопок и форм как в макете
- Оптимизация изображений и скорости
- Подключение форм и аналитики
- Сверка с макетом перед сдачей
© — 02 Рекомендуем
Сайт по макету
Многостраничный сайт с компонентами и системой.
от $25/час
Срок: после обзора макета
- Компонентный подход к вёрстке
- Типографика и цвета по дизайн-системе
- Анимации и интерактив
- Ориентация на Core Web Vitals
- Чистый код, понятный любому разработчику
- Сверка с макетом перед сдачей
© — 03
Вёрстка с интеграцией в CMS
Вёрстка, которая сразу становится сайтом с админкой.
после обзора
Срок: после обзора макета
- Всё из пакета «Сайт по макету»
- Интеграция в CMS или платформу под задачу
- Удобная админка под ваш контент
- Формы, почта, Telegram или CRM
- Обучение работе с админкой
(SW® — 06) Похожие работы
Похожие работы
Все проекты
Мы продавали одежду для танцев через Instagram и тонули в заказах в директе. Ребята сделали магазин, где покупатель сам выбирает размер и цвет, и заказы наконец перестали теряться. Отдельно отмечу, что каталог мы с того дня ведём сами — ни разу не пришлось обращаться по мелочам.
(SW® — 09) Гарантии
Как в макете, и работает
-
01
Сверяем с макетом
Перед сдачей проходим вёрстку по макету и исправляем расхождения.
-
02
Проверено на реальных экранах
Мобильные, планшеты и широкие мониторы, а не только окно браузера на компьютере.
-
03
Быстрый код
Изображения в WebP, чистый код и оптимизация под Core Web Vitals.
-
04
Код ваш
Передаём весь код и доступы. Никакой привязки к нам.
(SW® — 10) FAQ
Вопросы о вёрстке
001. У меня есть макет в Figma. Подойдёт?
Да, Figma основной формат. Перед стартом осматриваем файл: компоненты, состояния, адаптивные версии. Если чего-то не хватает, скажем заранее.
002. Сколько стоит вёрстка?
Почасовая работа от $25/час. Точную сумму называем после обзора макета, когда видно количество страниц и сложность.
003. На чём вы верстаете?
HTML5, CSS3, SCSS, Tailwind CSS, JavaScript и TypeScript, а при необходимости React, Vue 3, Next.js или Astro. Стек выбираем под задачу.
004. Интегрируете ли вы вёрстку в CMS?
Да. WordPress, WooCommerce, OpenCart, Shopify или другая платформа: интегрируем под задачу и настраиваем удобную админку.
005. Вы работаете с агентствами и дизайнерами?
Да. Охотно берём вёрстку как технический партнёр: держим сроки, качество и вашу ответственность перед клиентом.
006. Почему не сгенерировать вёрстку через ИИ?
ИИ быстро даёт шаблон, похожий на макет, но обычно не держит отступы, адаптив, доступность и скорость. Всё это приходится исправлять вручную. Мы используем ИИ как инструмент, а за результат отвечаем сами.
(SW® — 12) Следующий шаг
Пришлите макет. Скажем, что с ним делать и сколько это займёт.
Пришлите ссылку на Figma или опишите задачу. Посмотрим макет и дадим честную оценку.