Адаптация под мобильные устройства

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

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

Особое внимание уделяем Zero Block. Настраиваем расположение и размеры элементов для разных диапазонов экранов, чтобы дизайн сохранял исходную композицию и при этом оставался удобным на мобильных устройствах. Tilda позволяет отдельно настраивать адаптивность Zero Block для пяти стандартных диапазонов ширины и при необходимости создавать дополнительные.

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

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

Категория: Разработка

Подкатегория: Доработка сайта

Тип услуги: Адаптация под мобильные устройства

Платформа: Tilda

Количество страниц: до 3 / 7 / 15

Адаптивная версия: смартфоны, планшеты, десктоп

Срок: от 3 рабочих дней

Старт — 20 000 ₽

Для небольшого сайта или нескольких ключевых страниц.

• адаптация до 3 страниц;
• проверка текущей мобильной версии;
• настройка стандартных блоков;
• адаптация Zero Block;
• настройка размеров текста;
• настройка отступов;
• адаптация изображений;
• настройка кнопок;
• адаптация форм;
• настройка меню;
• проверка горизонтального скролла;
• тестирование после доработки.

Бизнес — 35 000 ₽

Всё из пакета Старт, а также:

• адаптация до 7 страниц;
• работа со сложными Zero Block;
• адаптация слайдеров и галерей;
• адаптация видео;
• настройка всплывающих окон;
• адаптация анимации;
• адаптация сложных форм;
• проверка пользовательских сценариев;
• проверка мобильной навигации;
• тестирование основных типов страниц;
• исправление выявленных ошибок.

Премиум — 60 000 ₽

Всё из пакета Бизнес, а также:

• адаптация до 15 страниц;
• работа с большим количеством сложных блоков;
• адаптация каталога;
• адаптация карточек товаров;
• адаптация корзины;
• адаптация оформления заказа;
• адаптация калькуляторов и интерактивных элементов;
• проверка мобильного пользовательского пути;
• проверка отображения контента на разных разрешениях;
• рекомендации по мобильному UX;
• финальное тестирование сайта.

Zero Block

Настраиваем элементы Zero Block для разных размеров экрана: положение, размеры, отступы, типографику, изображения и другие параметры.

Не перестраиваем дизайн без необходимости. Задача — сохранить визуальную концепцию и сделать её корректной на разных устройствах.

Текст и типографику

Проверяем размеры заголовков и основного текста, межстрочные интервалы, ширину текстовых блоков и расстояния между элементами.

Исправляем ситуации, когда текст выходит за границы экрана, становится слишком мелким или нарушает композицию страницы.

Изображения

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

Меню и навигацию

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

Кнопки и формы

Настраиваем размеры и расположение кнопок, полей форм и других интерактивных элементов.

Проверяем основные действия пользователя: переходы, открытие форм и отправку данных.

Каталог и корзину

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

Исправляем проблемы отображения в пределах возможностей Tilda и используемых блоков.

Клиент получает адаптированный существующий сайт на Tilda.

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

Исходный дизайн и содержание сайта сохраняются, если их изменение не согласовано отдельно.

• полный редизайн сайта;
• разработка новых страниц;
• создание новых блоков;
• изменение структуры сайта;
• написание и замена контента;
• разработка нового функционала;
• оптимизация скорости загрузки;
• настройка SEO;
• подключение новых интеграций.

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

Для начала потребуется ссылка на сайт и доступ к проекту Tilda с правами на редактирование.

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

Перед началом работы проверяем объём сайта и сложность существующих блоков. Если количество страниц или объём нестандартной верстки превышает выбранный пакет, рассчитываем стоимость индивидуально.

1. Проверяем сайт

Открываем выбранные страницы на разных разрешениях и фиксируем проблемы адаптивности.

2. Проверяем структуру блоков

Определяем стандартные блоки, Zero Block и элементы, которые требуют отдельной настройки.

3. Адаптируем страницы

Настраиваем композицию, текст, изображения, отступы, кнопки, формы и навигацию.

4. Дорабатываем сложные элементы

В расширенных пакетах адаптируем анимацию, попапы, каталоги, корзину и другие элементы.

5. Тестируем

Проверяем страницы на основных диапазонах экранов и в актуальных браузерах.

6. Исправляем ошибки

Устраняем найденные проблемы и повторно проверяем страницы.

7. Передаём результат

Клиент получает готовую адаптивную версию существующего сайта.

Tilda разве не адаптирует сайт автоматически?

Стандартные блоки Tilda изначально адаптивны, но их мобильное отображение можно дополнительно настраивать. Для Zero Block адаптивность на разных разрешениях настраивается отдельно.

Какие устройства учитываете?

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

Адаптируете Zero Block?

Да. Это одна из основных частей услуги.

Изменится ли дизайн сайта?

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

Можно адаптировать только одну страницу?

Да. Для небольшого объёма стоимость рассчитываем индивидуально.

Можно адаптировать уже работающий сайт?

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

Входит мобильное меню?

Да.

Входят формы?

Да. Проверяем отображение форм и основные действия пользователя.

Адаптируете интернет-магазин?

Да. В Премиум можно включить каталог, карточки товаров, корзину и оформление заказа.

Входит оптимизация скорости?

Нет. Это отдельная услуга.

Исправляете дизайн, если он плохо выглядит на мобильном?

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

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

Вы создаёте отдельную мобильную версию сайта?

Обычно нет. Настраиваем адаптивность существующего проекта средствами Tilda. При необходимости отдельные блоки могут иметь разные варианты отображения для разных диапазонов устройств — такая возможность предусмотрена самой платформой.

Сколько занимает работа?

От 3 рабочих дней. Срок зависит от количества страниц, количества Zero Block и сложности существующего сайта.