Создаем цифровые решения, которые работают на бизнес
Вёрстка
из Figma и PSD
Превращаем макет из Figma или PSD в чистый семантический HTML, CSS и JS — pixel perfect, адаптивно и одинаково во всех популярных браузерах. Вёрстка страницы — от 1 500 грн, лендинга — от 4 900 грн.
Работаем официально и без предоплаты. Можем отдать архив с файлами или сразу сверстать страницы в нашу CMS либо тему WordPress.
Вёрстка — это этап, на котором дизайн становится страницей в браузере. От неё зависит, совпадёт ли сайт с макетом, как быстро он будет открываться и не «поплывёт» ли на нестандартном экране.
Мы верстаем семантично — правильные заголовки H1–H3, списки, кнопки и формы с подписями, — потому что на это опираются и поисковики, и программы экранного доступа. Готовую страницу накладываем на макет и доводим до практически идентичного вида, а изображения переводим в WebP.
Вёрстку можно подключить к CMS — нашей собственной или WordPress, — и тогда тексты и фото вы редактируете сами в админке. Если макета ещё нет, его сначала нужно нарисовать — в Figma или Photoshop.
Цену считаем по количеству страниц макета, а не по часам, и записываем в договор до старта — без предоплаты.
Интеграцию в нашу CMS или тему WordPress и сложную логику на JS оцениваем отдельно, после просмотра макета. Хостинг, наполнение и базовое SEO в вёрстку не входят — всё это есть в разработке сайта под ключ.
Header, main, nav и section, один H1 с логичными подзаголовками, настоящие кнопки и ссылки вместо div с кликом. Такой код легче поддерживать, а поисковикам — проще читать.
Проверяем страницы на ширинах 360, 768 и 1280+ px, а также между ними: блоки не наезжают друг на друга, текст не выходит за край экрана, таблицы прокручиваются.
Сверяем вид и работу в Chrome, Safari, Firefox и Edge, в том числе в Safari на iPhone, у которого часто бывают свои особенности.
Накладываем страницу на макет и выравниваем отступы, размеры и шрифты, пока страница не станет практически идентичной макету. Проверяем на каждой ширине, а не только на десктопе.
Изображения в WebP нужных размеров, отложенная загрузка ниже первого экрана, минимум сторонних библиотек. В конце проверяем страницы в Lighthouse — LCP, CLS и TBT.
Код делим на повторяющиеся блоки, поэтому его легко перенести в нашу CMS или тему WordPress, чтобы вы редактировали страницы без программиста.
Проверяем, есть ли все ширины, состояния и шрифты, и задаём вопросы ещё до старта.
Количество страниц, цена и срок — письменно, до начала работы.
Сначала одна страница на согласование, затем остальные, с тестовой ссылкой для просмотра.
Pixel perfect, браузеры, Lighthouse — и архив с файлами или страницы в вашей CMS.
Базовая цена — от 1 500 грн за страницу и от 4 900 грн за лендинг; точную сумму назовём, когда увидим макет.
Считаем уникальные страницы и шаблоны. Двадцать одинаковых страниц услуг — это один шаблон, а не двадцать страниц.
Слайдеры, вкладки и аккордеоны — обычное дело, а параллакс, сложные анимации при прокрутке или калькуляторы требуют больше работы на JS.
Макет с компонентами, Auto Layout и всеми адаптивными версиями верстается быстрее. Если мобильной версии нет, её придётся сначала продумать.
Архив HTML/CSS/JS — самый простой вариант. Интеграция в нашу CMS или тему WordPress добавляет работы, зато страницы можно редактировать в админке.
Преимущества
Откуда берётся код и что с ним будет дальше.
| Автоконвертер из Figma | Фрилансер | BB STUDIO | |
|---|---|---|---|
| Качество кода | Часто лишние обёртки | Как повезёт с исполнителем | Семантический, без лишнего |
| Адаптив | Требует доработки | Есть, но не всегда между ширинами | 360/768/1280+ и промежуточные |
| Сверка с макетом | — | На глаз | Наложением, на каждой ширине |
| Скорость | Не проверяется | Проверяют редко | Lighthouse: LCP, CLS, TBT |
| Стоимость | Плагин + ручная доработка | Разная, часто почасово | От 1 500 грн за страницу |
Сайт может корректно открываться на смартфоне и всё равно терять клиентов. Разбираем отличия адаптивного дизайна и mobile-first, …
Практический гайд по проверке скорости: что означают TTFB, LCP, INP и CLS, почему оценки отличаются и какие исправления принесут …
Как проверить и улучшить веб-доступность: от контраста, клавиатуры и форм до скринридера, медиа, кода и контроля после релиза.
Замерьте скорость страницы, проверьте заголовки безопасности и микроразметку и сожмите изображения в WebP, прежде чем добавить их на сайт.
Все договорённости фиксируем письменно, а деньги наперёд не берём — вы видите результат работы до того, как за него платить.
Не берём деньги наперёд. Оплату согласовываем с вами заранее — по договорённости или по договору.
Договор, счёт и акт выполненных работ. Мы работаем без НДС — цена конечная, НДС сверху не добавляется.
Фиксируем объём, стоимость и сроки до старта работ. Новая задача — только после того, как вы согласовали её цену.
Консультация и оценка проекта ничего не стоят и ни к чему не обязывают. Отвечаем за 15 минут в рабочее время.
Создаём современные сайты, сочетающие продуманный дизайн, высокую скорость и удобный функционал. От корпоративных сайтов до сложных веб-проектов — решения, работающие на развитие вашего бизнеса.
Проектируем интернет-магазины с продуманной структурой, быстрой работой и удобным оформлением заказов. Интегрируем оплату, доставку и всё необходимое для эффективных онлайн-продаж.
Создаём посадочные страницы, которые привлекают внимание и мотивируют к действию. Продуманная структура, сильный дизайн и акценты на конверсии помогают получать больше заявок.
Дизайн нового сайта и редизайн старого, UX-аудит, макеты в Figma или Photoshop и вёрстка pixel perfect. Также делаем логотипы и фирменный стиль. Следим, чтобы сайт был понятен людям и приводил заявки, а не только красиво выглядел.
Оптимизируем сайт для поисковых систем, улучшаем его видимость в Google и привлекаем целевую аудиторию. Работаем над технической оптимизацией, контентом и ростом органического трафика.
Настраиваем и ведём рекламу в Google, Facebook, Instagram и TikTok, а ещё помогаем бизнесу попадать в ответы ChatGPT и AI-поиска. Прозрачный бюджет, понятные отчёты и открытые цены на сайте.
Ведём Instagram, Facebook и TikTok бизнеса: контент-план, публикации, Reels и сторис в одном стиле. Оформляем страницы с нуля — аватар, описание, обложки, кнопки и ссылка на сайт.
Обеспечиваем стабильную работу сайта: обновления, резервное копирование, исправление ошибок, контроль безопасности и техническую поддержку. Вы развиваете бизнес — мы заботимся о сайте.
Размещаем сайты на быстром SSD-хостинге с SSL, ежедневными бэкапами и мониторингом 24/7. Переносите сайт от другого хостера — перенос бесплатный, а 2 недели хостинга получите в подарок.
Давайте вместе создадим что-то потрясающее 
