Адаптивная вёрстка сайтов по макету
Верстаем макеты на Bootstrap 5 и Tailwind, адаптируем старые шаблоны под телефоны и собираем темы для WordPress, Drupal, OpenCart и MODX.
Прислать макет на оценкуСтандарты качества
- По макету Figmaа также Photoshop и Sketch
- От 320 до 1920 pxтелефоны, планшеты, мониторы
- Core Web Vitalsпроверяем перед сдачей
Что делаем
Из Figma в адаптивный HTML
WordPress, Drupal, OpenCart, MODX
Чтобы удобно открывался с телефона
Старый CSS — на Bootstrap 5 или Tailwind
Работаем с CMS:WordPress1С-БитриксDrupalOpenCartMODXTilda
Целимся в «хорошие» значения Core Web Vitals
Пороговые значения Google для мобильных. Проверяем в PageSpeed Insights до сдачи.
Также: доступность по WCAG 2.2Семантика и микроразметка для SEOMobile-first от 320 px
Где проверяем вёрстку
Перед сдачей открываем страницы в основных браузерах на трёх типах устройств.
| Браузер | Телефон | Планшет | Компьютер |
|---|---|---|---|
| Chrome | |||
| Яндекс Браузер | |||
| Safari | |||
| Firefox | |||
| Edge |
Что входит в вёрстку
Код, который удобно поддерживать после нас.
От 320 до 1920 px
Понятна поисковикам и скринридерам
Контраст, фокус, подписи по WCAG 2.2
Современные форматы и ленивая загрузка
Повторяющиеся блоки собраны один раз
История изменений и передача команде
Вёрстка сайтов для студий и компаний Крыма
Верстаем по макетам из Figma для компаний и дизайн-студий Крыма и всей России. Обсудить макет можно в офисе в Симферополе или на созвоне.
ул. Залесская, 117. Пн–Пт с 9:00 до 18:00. Как добраться
Обсудим задачу в офисе в Симферополе, в Краснодаре на ул. Красной, 154, или по видеосвязи.
Берём проекты из Симферополя, Севастополя, Ялты, Евпатории, Керчи и Феодосии. Другие регионы — удалённо по тому же договору.
Срок называем после просмотра макета: он зависит от числа уникальных шаблонов страниц.
Из чего складывается цена вёрстки
Считаем не страницы, а уникальные шаблоны: десять одинаковых карточек — это один шаблон.
| Блок работ | Что входит | Что влияет на цену |
|---|---|---|
| Шаблоны страниц | Главная, каталог, карточка, статья | Число уникальных шаблонов |
| Адаптив | Телефоны, планшеты, широкие экраны | Сколько отдельных макетов под мобильные |
| Интерактив | Слайдеры, фильтры, анимации | Сложность анимаций |
| Интеграция с CMS | WordPress, Drupal, OpenCart, MODX | Нужна ли натяжка на движок |
| Проверка | Браузеры и устройства, скорость загрузки | Требования к Core Web Vitals |
Ошибки, из-за которых вёрстка тормозит
Что мы проверяем, чтобы сайт быстро открывался с телефона.
Частые ошибки
Фото по несколько мегабайт убивают скорость. Сжимаем изображения и отдаём их в современных форматах.
Вёрстка «на глаз» ломается на узких экранах. Просим мобильный макет или предлагаем свой вариант.
Целый фреймворк ради одного слайдера. Подключаем только нужное.
Пять начертаний шрифта — это секунда загрузки. Оставляем нужные.
Кнопки без подписей и низкий контраст мешают части посетителей и ухудшают оценку страницы. Проверяем контраст и фокус с клавиатуры.
Сайт, который работает в Chrome, может ломаться на iPhone. Проверяем в основных браузерах и на реальных телефонах.
Пример из практики
Сайт коллегии адвокатов
Сайт коллегии адвокатов, свёрстанный под телефоны, планшеты и компьютеры.
- Корпоративный сайт юридической компании
- Адаптивная вёрстка
Вопросы о вёрстке
По каким макетам вы верстаете?
По макетам из Figma, а также из Photoshop и Sketch. Если макет только для компьютера, предложим, как адаптировать его для телефона.
Можно ли сделать тему для WordPress по моему макету?
Да, верстаем и собираем темы для WordPress, а также шаблоны для Drupal, OpenCart и MODX — с удобным редактированием содержимого в админке.
Вы проверяете скорость загрузки?
Да. Оптимизируем изображения, шрифты и скрипты и проверяем показатели Core Web Vitals, чтобы страницы быстро открывались с телефона.
Сколько стоит вёрстка?
Зависит от числа уникальных страниц и сложности анимаций. Оцениваем по макету — пришлите ссылку на Figma, и мы назовём цену и срок.
Обсудим вашу задачу
Оставьте телефон или Telegram — перезвоним в рабочее время, ответим на вопросы и пришлём смету.
Или позвоните: +7 978 715-81-40