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

Адаптивная верстка сайта для корректного отображения и удобное использования на экранах любых размеров.
от 15000 рублей
Заказать услугу
Основная услуга: Техподдержка сайтов
Формат работы: разово
Обложка услуги

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

  • Владельцам сайтов, которым неудобно пользоваться со смартфона: приходится увеличивать текст и страницы прокручивать по горизонтали.
  • Тем, у кого элементы сайта съезжают или обрезаются на определённом разрешение экрана.
  • Проектам без мобильной версии, где основная доля трафика уже приходится на смартфоны и планшеты.
  • Магазинам и каталогам, у которых на узкой ширины экрана ломаются таблицы, фильтры и формы заказа.
  • Тем, кто теряет позиции в поисковой выдаче из-за низкой оценки удобства на мобильных устройств.

Что такое адаптивная верстка на практике: макет перестраивается в зависимости от размера окна, а блоки автоматически подстраиваются под экрана устройства. Для этого используются медиа запросы, относительные единицы вместо фиксированных пикселей, корректный meta name viewport content и гибкие правила ширины в css.

Такой подход заменяет отдельную мобильную версию сайта набором адаптивных страниц, которые работают на любом устройстве.

Адаптация сохраняет общую концепцию дизайн сайта.

  • Аудит существующих шаблонов и структуры страниц сайта;
  • Настройка контрольных точек для разных устройств, с учетом минимальной и максимальной ширины;
  • Адаптация сетки, меню и элементов навигации под тип устройства;
  • Корректировка размеров шрифтов, отступов и пропорций ширины и высоты изображений;
  • Адаптация форм, таблиц и интерактивных элементов, например, слайдеров и всплывающих окон;
  • Проверка удобства на сенсорных устройствах;
  • Тестирование в основных браузерах при изменении размера окна браузера;
  • Исправление выявленных ошибок отображения.

Как используется

Услуга необходима существующим сайтам, которые неудобно просматривать со смартфонов или которые некорректно отображаются на отдельных устройствах.

Адаптация сохраняет общую концепцию сайта. Полный редизайн интерфейса рассчитывается отдельно.

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

Улучшается пользовательский опыт: пользователя ничто не отвлекает от заказа, звонка или заявки. Адаптивность сайта подтверждена тестами на многих устройствах.

Поисковые системы получают версию, отвечающую требованиям мобильной версии сайта, что помогает росту позиций.

Единый дизайн адаптивного сайта упрощает дальнейшую поддержку: изменения вносятся один раз и применяются везде.

С этой услугой выбирают

Технический аудит сайта
Поиск ошибок и критических проблем на сайте, которые затрудняют его работу.
подробнее
Услуги дизайнера
Работы по оформлению визуальных элементов на сайте, таких как блоки, баннеры и т.п.
подробнее
Исправление технических ошибок
Быстрое исправление технических ошибок на сайте с сохранением резервной копии и проверкой результата.
подробнее
Оптимизация скорости загрузки
Комплекс технических работ, направленных на ускорение загрузки страниц и повышение стабильности работы сайта.
подробнее
AI/GEO оптимизация сайта
Оптимизация сайта под выдачу ответов нейросетями. Работаем со структурой контента, разметкой и упоминаниями бренда в ответах ИИ.
подробнее

Правила нашей работы

Не навреди

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

Соблюдение сроков

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

Прозрачность

Вы всегда видите, что сделано, зачем и как это влияет на сайт. Объясняем технические моменты простым языком и предоставляем понятные отчеты. Никаких скрытых работ.

Денис
Менеджер компании

Как начать сотрудничество с нами?

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

Обращение в компанию
Проведение аналитики
Разработка прогноза
Презентация стратегии
Подписание договора
Запуск проекта
Напишите нам

Портфолио

Компания "Химлогистик"

Данный проект представляет собой сайт-каталог химической компании созданный при помощи системы управления MODx.

Дизайн сайта максимально простой, использующий минимум цветов. Все блоки максимально светлые с цветовыми акцентами на наиболее важных элементах, чтобы расставить правильные приоритеты.

Особенностями данного проекта является система динамического формирования разделов каталога и карточек товаров с "умными" блоками рекомендаций, формирующими полезные ссылки с каждой страницы. Также интегрирована собственная система кэширования данных, которая позволяет ускорить обработку всех внутренних запросов к карточкам товаров.

проект в портфолио
ООО "Национальная логистическая компания"

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

При разработке дизайна мы решили использовать несколько акцентных цветов, чтобы элементы внутри блоков не "склеивались" друг с другом, при этом хорошо контрастировали со второстепенными элементами сайта.

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

Служба кейтеринга "Мастерская вкуса"

Нашей задаче при создании этого проекта было превратить небольшой "лэндинг" в полноценный сайт с большим количеством страниц и контента. Важно было показать не только общие фотографии, но дать пользователю возможность узнать о всех вещах которые могут его заинтересовать.

Дизайн был создан максимально светлым, чтобы фоновые элементы не мешали пользователю, но при этом все основные элементы контента (обложки блюд, фотографии мероприятий) были максимально крупными и привлекали внимание пользоателя. К тому-же нашему заказчику действительно есть что продемонстрировать посетителям.

На сайте размещено большое портфолио мероприятий и полноценное меню. В процессе доработки на сайт внедрена интерактивная корзина заказа, позволяющая посетителям сайта самостоятельно формировать свой заказ через сайт.

проект в портфолио
СК "Русдом"

Данный проект был перенесен нашими специалистами со старой версии системы управления сайтом MODx на новую версию с полной заменой всех функций.

Дизайн сайт был значительно обновлен, полностью заменена старая верстка. Добавлено множество допольнительных тизеров и иллюстраций.

В проект интегрирована разработанная нами система каталога, которая значительно ускоряет работу сайта и позволяет выполнять любые запросы к каталогу максимально быстро. Фильтры для выборки из создаваемых вручную страниц стали полностью аатоматическими.

ссылка на сайт
Сайт-каталог "ТвойСептик"

Данный сайт планировалось наполнить большим количеством карточек товаров с поисковым продвижением по нескольким регионам. Поэтому нашим выбором для его разработки стала система управления MODx. Использование данной системы позволило нам как реализовать нам все требования из технического задания.

Наши дизайнер и контент-менеджеры разместили сотни уникальных изображений на сайте.

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

Созданы дополнительные страницы каталога и услуг для районов, где компания оказывает свои услуги. Данные страницы помогли нам улучшить региональную поисковую выдачу компании.

Сайт компании "Спецавтокран-МСК"

Вместо стандартоно дизайна для подобного типа сайтов мы разработали "широкий" и минималистичный дизайн, который обычно применяется для сайтов-каталогов. Это было сделано умышленно, так как в ходе анализа технического задания мы решили сделать сайт не совсем обычным для данного направления.

Вместо обычных страниц с видами техники был реализован полноценный каталог с фильтрацией карточек по различным критериям. Проект превратился в полноценный каталог, который не только позволяет просмотреть и выбрать подходящий вид техники, но и содержит в себе множество рекомендательных элементов в виде категорий, фильтров и вспомогательных страниц.

Для удобства пользователей добавили калькулятор расчета стоимости с учетом растояния перевозок, типа и массы груза и рекомендациями подходщей техники.

ООО "Комплексные решения"

Дизайн сайта выполнен в фирменных цветах. Мы постарались объединить в стилистике элементы как презентационного так и промышленного сайтов. Созданы уникальные 3D-модели всех основных видов оборудования и несколько десятков уникальных иконок.

Сайт разработан на CMS "1С-Битрикс", без дополнительных платных модулей. Весь необходимый для создания каталога функционал сайта был написан в виде дополнительных модулей под данный сайт.

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

Сайт группы компаний"Акрон"

Группа компаний "Акрон" обратилась к нам для создания полноценного сайта-каталога.

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

На сайте размещено несколько сотен единиц продукции (упаковочного оборудования) и разработана удобная система разделов.

В данный сайт внедрена возможность управления порядком блоков для каждой страницы внутри CMS, что позволяет нашему заказчику настраивать внешний вид каждой страницы товара в соответсвии с потребностями.

проект в портфолио
Сайт компании "Финансовая грамотность"

Сайт представляет собой небольшой лендинг для эксперта по инвестициям. Основная цель данного лендинга - информационная. Он рассказывает об уникальном опыте и экспертных навыках нашего заказчиика.

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

В сайте используется множество современных анимационных эффектов.

Сайт компании "Фортис"

"Фортис" - производитель инженерных решений с сфере безопасности. Компания обратилась к нам для создания современного презентационного сайта.

Основным требованиям при создании дизайна было соблюдение элементов фирменного стиля и минимализма в информационных блоках. Мы ориентировались на черно-белую цветовую схему и использование основного фирменного цвета как яркого акцента.

На страницы сайта внедрено множество современных анимационных эффектов.

ссылка на сайт
ООО "ПСКБ"

Компания работает с нами уже более 10 лет. За это время было создано три версии сайта компании.

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

Реализован каталог, который при помощи удобных ссылок в виде тизеров позволяет найти почти любой вид стеклянной конструкции выпускаемый компанией. Размещены несколько сотен проектов в удобном "Портфолио" с возможностью фильтрации проектов по различным критериям. Это позволяет посетителю посмотреть только проекты интересующего типа.

ссылка на сайт проект в портфолио

Вопрос - ответ

Кому нужна техническая поддержка и в каких регионах вы работаете?

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

Мы работаем с компаниями по всей России. Уже сейчас мы сопровождаем клиентов из Москвы, Санкт-Петербурга, Нижнего Новгорода, Самары, Екатеринбурга и других городов.

Входит ли в поддержку сайта его продвижение?

В тариф «Развивающий» входит полноценное развитие сайта с некоторыми работами по продвижению сайта.

В тариф "Усиленный" включены несколько часов консультации и рекомендаций от CEO-оптимизатора от Usability-специалиста.

С тарифами на полноценное продвижение сайтов, вы можете ознакомиться в разделе SEO-продвижение

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

За подробной консультацией можете обратиться к нашим менеджерам по телефону 8 (846) 221-09-61, или ставив заявку через форму обратной связи.

Обращайтесь! Мы порекомендуем и подберем подходящий комплекс услуг именно для вашей компании.

Что лучше: ежемесячная техническая поддержка или разовые правки?

Однозначного ответа на этот вопрос нет, так как мы ещё не знаем с каким объёмом правок мы столкнёмся.

Да, мы выполняем разовые работы по техническому заданию клиента, но время выполнения задачи должно занимать не менее 10 часов. Если же задача будет выполнена в меньшие сроки – неотработанные часы можно будет использовать в течение 6-ти месяцев.

На приобретение 10-ти часов технической поддержки сейчас действует акция

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

Что будет если закончатся часы тарифа, а мне срочно нужно будет поправить на сайте?

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

Какой опыт работы у ваших техспециалистов и с какими CMS работаете?

В нашей компании работают специалисты разного уровня – от Junior (начинающий разработчик), до Senior (IT-специалист с высоким уровнем знаний). Конечно, все задачи выполняются под внимательным руководством ведущих разработчиков.

Большинство наших сотрудников имеют опыт в работе над сотнями удачно реализованных проектов и знакомы с большинством популярных систем управления:

  • WordPress
  • MODX, MODX Revolution
  • 1С-Битрикс
  • Joomla
  • CMS.S3
  • OpenCart
  • Tilda
  • Drupal
  • Wix
  • Evolution CMS и пр.

Встречаются сайты, написанные на фреймворках, а также на самописных системах управления. В таком случае потребуется доступ к системе администрирования, для проведения более точной оценки.

Я вас не знаю, доступы дать не могу. Есть ли гарантии безопасности и сохранности данных?

Для проведения первоначальной оценки нам будет достаточно доступов, которые не повлияют на работу сайта, а в дальнейшем заключим договор NDA – о неразглашении конфиденциальной информации. Также, вы можете сделать копию сайта и предоставить доступы для оценки к ней.

Вся информация, которую мы получаем от заказчика – конфиденциальна. Мы несем ответственность за сохранность, о чем прописываем пункт в договоре, который обязательно заключаем перед началом работ.

Как я смогу контролировать работы? Есть ли менеджер проекта?

В течение срока действия договора за вашим проектом закреплен менеджер, который сможет дать полный отчет по прогрессу выполнения задач, пояснить тонкости выполнения и сориентирует по срокам.

Возможна ли работа по пост-оплате и как быстро выполняются задачи?

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

Для заказчиков, у которых уже есть договор на абонентское обслуживание, время реакции – до 1 часа. К задачам с приоритетом СРОЧНО мы приступаем немедленно.

Как быть, если сайт внезапно перестал работать после ваших правок?

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

Наша команда

Фотография Денис Васильев
Руководитель отдела работы с клиентами
Координирует команду и управляет проектами. Отвечает за успешную реализацию маркетинговой стратегии в соответствии с требованиями и ожиданиями Заказчика
Фотография Ангелина Кудряшова
SEO-специалист
Модернизирует сайт под современные тенденции СЕО. Анализирует, структурирует и выводит сайт в ТОП. Оптимизация кода, увеличение авторитетности сайта
Фотография Игорь Селезнев
СЕО-эксперт | AI-специалист
Модернизирует сайт под современные тенденции СЕО. Анализирует, структурирует и выводит сайт в ТОП. Оптимизация кода, увеличение авторитетности сайта
Фотография Дмитрий Волоснихин
Дизайнер | Разработчик
Выполняет широкий спектр задач по разработке веб-приложений и сайтов, начиная от создания базы данных и серверной логики, заканчивая клиентской частью и версткой
Фотография Сеньор Вейдер
Программист | Технический специалист
Создает уникальные решения и модернизирует существующие. Пишет сложный код. Отвечает за информационную безопасность
Фотография Юлия Бирон
Контекстолог | Специалист по Яндекс.Директ
Настраивает и ведёт контекстную рекламу. Рисует рекламные креативы
Фотография Наталия Игоревна
Маркетолог
Создает стратегию развития, следит за репутацией клиента, ставит и контролирует задачи
Фотография Анастасия Сергеева
СММ - специалист | Дизайнер
Занимается разработкой и созданием интерфейсов и web-дизайнов сайтов
Фотография Елена Викторовна
Контент-менеджер | Технический специалист
Продумывает формат подачи информации. Пишет тексты
Фотография Сергей Арапов
Основатель компании | Руководитель проектов
Создает стратегию развития проектов и компании в целом

Давайте знакомиться

Заполните форму, и мы свяжемся с Вами ближайшее время.

Какое слово не является названием цвета?
столкрасныйзеленыйсиний

Мессенджеры для связи с нами: