Узнать стоимостьМы изучим ваш сайт и сделаем предложение

PRO адаптация сайта под мобильные платформы

Профессиональная адаптация сайта под мобильные устройства от команды eski.mobi с участием дизайнера, арт-директора, разработчика, верстальщика и менеджера проекта. Это наша топовая услуга, потому что в рамках PRO адаптации мы проходим все этапы, начиная от чёрно-белых эскизов до детальных макетов всех уникальных страниц.

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

Лучший мобильный UX

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

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

Узнать стоимостьПримеры работ

Технологично

Мы используем JavaScript-adaptive подход и CSS3 вёрстку для мобилизации вашего ресурса. Это позволяет сохранить весь интерактив и контент. Мы знаем, как сделать так, чтобы современные мобильные устройства отображали ваш сайт не просто правильно, а удобно для пользователя.

Безопасно

Нам не требуется доступ к вашей базе данных, CMS, API или другим внутренним ресурсам. На весь период разработки ваши данные сохраняются в полной безопасности.

Быстро

Благодаря уникальному подходу и профессионализму мы гарантируем реальный запуск мобильного UX в течение 30 дней. Все сроки и условия прописаны в оферте, а значит соблюдаются на все 100% с нашей стороны.

google yandex

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

Этапы работ

Как адаптировать сайт под мобильные устройства, не тратя на это своё время, ресурсы бизнеса и лишние деньги? Самый простой способ — доверить эту работу профессиональной команде eskimobi и получить готовый продукт уже через месяц! Ниже описаны все этапы работ.

Picture

Анализ задач и структуры оригинального сайта

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

1 день
Picture

Создание прототипа навигации

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

2 дня
Picture

Разработка эскизов уникальных страниц

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

5 дней
Picture

Детализация макетов

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

2 дня
Picture

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

Мы используем JavaScript-adaptive подход и CSS3 адаптивную вёрстку для мобилизации страниц. Используя оригинальный HTML вашего сайта, мы добавляем новые стили только для мобильных, чтобы в результате получить мобильный сайт, который задумывался на этапе детализации. Это позволяет сохранить весь интерактив и контент основного ресурса для мобильных посетителей.

от 5 дней
Picture

Интеграция и тестирование

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

от 3 дней
Picture

Запуск

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

1 минута
YANDEX KASSA

Все клиенты Эскимоби получают три месяца премиум-тарифа от Яндекс.Кассы со ставкой 2,8%.

Чем LITE адаптация отличается от PRO

LITE — это начальный уровень адаптации для заказчиков с низким требованием к мобильному UX. В рамках LITE адаптации мы не проходим этапы создания эскизов и дизайна всех уникальных страниц, как это происходит в PRO. С помощью CSS правил, мы группируем существующие блоки вашего сайта друг под другом, чтобы они полностью помещались на экране смартфона. В рамках LITE мы не меняем дизайн вашего сайта и не улучшаем UX. Поэтому если вам важно высокое качество мобильной версии с индивидуальной проработкой каждой уникальной страницы, вам подойдёт только услуга PRO адаптации.

Техническая поддержка и платформа pro.eski.mobi

Мобильные сайты, созданные в рамках PRO-адаптации, размещаются на уникальной платформе pro.eski.mobi, которая обладает рядом преимуществ.

Подробности и тарифы

Возможности мобильной версии

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

Click-to-Call

Конвертируйте посетителей в клиентов в один клик с помощью функции click-to-call. Пользователю достаточно всего лишь нажать на кнопку или номер телефона, чтобы инициировать исходящий звонок.

Геопозиционирование

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

Web-app иконка

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

Узнать стоимость адаптации сайта





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

Вопросы и ответы

"Мобильный сайт" или "адаптивный" — в чём разница?

Принято считать, что "мобильный сайт" — это некая отдельная сущность. В былые времена, когда доля посетителей со смартфонов не превышала 5%, владельцы сайтов создавали отдельный мобильный сайт на поддомене. Как правило, это отдельный сайт и контент не синхронизировался с основной версией. Позже, мобильные сайты научились делать с помощью отдельного шаблона для CMS (это до сих пор остаётся самым распространённым способом): в этом случае контент синхонизирован с основным сайтом, однако при изменении логики основного — это никак не отражается на мобильном. То есть, отдельный шаблон для CMS — это тоже не удобно. В конце-концов появился адаптивный дизайн, который меняет отображения сайта на различных экранах, сохраняя контент и логику работы единой на всех устройствах. Именно этот подход мы используем для LITE и PRO адаптации. Итак, что же лучше — "мобильный сайт" или "адаптация"? Формулировка не имеет значения. Значение имеет технология! В случае eskimobi это технология называется JavaScript-adaptive и является продвинутой версией чистого responsive design (то, что рекомендует Google). Если говорить простым языком, то мы делаем ваш сайт адаптивным, делая его удобным для смартфонов. Подробнее о всех преимуществах адаптации сайта у нас можно узнать в разделе "Технология".


Зачем делать сайт мобильным?

Сайт, который адаптирован для смартфона, лучше конвертирует посетителей в покупателей, потому что он удобнее. Кроме этого, с 2015 года поисковые системы Google и Yandex лучше ранжируют сайты, которые правильно работают на смартфонах. Поисковая система заинтересована, чтобы контент был доступен в удобном для пользователя виде, независимо от устройства. Таким образом, если ваш сайт не мобильный — вы получаете меньше клиентов.


Это адаптивный дизайн?

Да, мы используем адаптивный дизайн, чтобы сделать ваш сайт мобильным. В рамках LITE адаптации наши front-end разработчики добавляют мобильные CSS стили для вашего сайта, чтобы он корректно отображался на маленьких экранах.


Это онлайн сервис (прокси)?

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


Какую технологию вы используете?

Мы используем адаптивный дизайн с добавлением JavaScript для определения мобильных устройств по user-агентам. Преимущества:
1. Единый HTML на основном и мобильном сайте.
Когда вы меняете контент на основном сайте, все изменения мгновенно отображаются и на мобильном. Любой контент: новости, акции, категории товаров, изображения появляются одновременно на всех устройствах, потому что HTML везде единый.
2. Единый URL.
Посетители вашего сайта получают адаптированный контент с единого URL адреса, независимо от устройства. Когда кто-нибудь даёт ссылку на ваш сайт или публикует в социальной сети, все кто по ней перейдёт со смарфтона — сразу увидят адаптированную мобильную версию этой страницы.
3. Легко поддерживать и развивать.
Если вы добавляете новый интерактивный функционал или делаете полный редизайн — мобильную версию легко держать в актуальном состоянии, дописывая новые CSS-стили. У вас даже есть возможность управлять тем, какие JavaScript-функции должны выполняться на мобильных устройствах.


Какие устройства вы поддерживаете?

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


Чем LITE отличается от PRO адаптации?

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


Сколько времени занимает адаптация?

Адаптация занимает не более 7 рабочих дней в соответствии с офертой. Работа начинается в течение 2 дней после оплаты.


Где располагается мобильный сайт (хостинг) во время адаптации?

На период разработки мобильный сайт (файлы JS и CSS) располагаются на облачном хостинге eskimobi. Мы используем хостинг Digital Ocean с ближайшим сервером в Амстердаме. Вы также можете самостоятельно размещать мобильный сайт на своём хостинге.


Что требуется от заказчика?

Для начала адаптации мы просим установить два файла в шапку вашего сайта (CSS и JS файл). Как правило, это делается в шаблоне вашей CMS и занимает всего 5 минут. Вот подробная инструкция по установке.


Как это повлияет на мой сайт?

Установка файлов на основной сайта заказчика НИКАК НЕ ПОВЛИЯЕТ НА ЕГО РАБОТОСПОСОБНОСТЬ. Как только мобильная версия сайта будет готова, она автоматически станет доступной для мобильных посетителей сайта. Никаких дополнительных действий в отношении основного сайта не потребуется. При желании, вы можете установить файлы eskimobi на тестовый сервер.


От меня что-то ещё нужно?

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


Это безопасно?

Да, это безопасно на 100%. Файлы располагаются на нашем надёжном сервере и отдаются по защищенному протоколу HTTPS. Вы можете ознакомится с содержанием файлами примерами по ссылкам: CSS стили, JS библиотека.


Какие CMS вы поддерживаете?

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


Поменяются ли адреса страниц?

Нет, адреса страниц (URL) не изменятся.


Что будет с формами, корзиной и другими интерактивными элементами?

Все формы и логика работы оригинального сайта не меняются.


Для планшетов адаптируете?

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


Что насчёт SEO?

Мы используем технологию, которую рекомендует Google для мобилизации сайта. При индексации сайта мобильный робот обнаруживает мобильную версию и действует дальше согласно правилам поисковой системы. URL'ы остаются едиными, контент также единый. Рекомендации google по созданию мобильных сайтов — developers.google.com/webmasters/smartphone-sites/details


Как происходит определение, что устройство — мобильное?

Код eskimobi содержит в себе список самых популярных юзер агентов, которые считаются мобильными. Это все Android, iOS устройства и ряд других. Кроме этого, возможно дополнительно разделять смартфоны и планшеты.


Что происходит с сайтом на разных экранах?

Поскольку мы используем адаптивный дизайн, сайт подстраивается под любой экран (от смартфона до планшета) и занимает все 100% доступного пространства. В ходе тестирования мы проверяем мобильный сайт на ряде iOS и Android устройств с разными диагоналями экранов. Существует максимальная ширина (768 пикселей), при которой мобильный сайт дальше не растягивается с целью повышения юзабилити.


Яндекс и Google будут считать мой сайт мобильным?

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


Можно ли сохранить дизайн/стиль основного сайта в мобильной версии?

Да! В рамках LITE адаптации отсутствует этап дизайна, поэтому весь стиль будет сохранён. В рамках PRO адаптации, мы можем сделать мобильную версию такой, как вы пожелаете: это может быть копия стиля основного сайта, копия стиля другого сайта или совершенно новый дизайн, предложенный нашими дизайнерами.

Аналитика (метрика и google) будут работать?

Да! Все внешние сервисы будут работать на смартфонах также, как на обычных компьютерах. При желании, можно установить дополнительные счётчики на мобильную версию.


Мобильный сайт будет быстрее работать?

Мобильная версия будет работать с такой же скоростю, как основной сайт. Если вам важно оптимизировать работу сайта, используйте инструмент Page Insights для получения подробного отчёта и рекомендаций.


Если я внесу изменения в основной сайт, как это отразится на мобильном?

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


Как технология eskimobi работает с javascript и ajax основного сайта?

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


Как менять/поддерживать/развивать мобильный сайт?

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


Воспринимается ли тег eskimobi как код основного сайта?

Да, воспринимается и помечается в результатах поиска.


Я могу забрать адаптивные файлы на свой хостинг?

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


Почему так дёшево и быстро?

Потому что мы — ведущая студия по адаптации сайтов в России с огромным опытом работы, как с мелкими бизнесом, так и крупнейшими порталами страны (OZON, Эльдорадо, Утконос, TEZ-TOUR). За время существования мы научились эффективно расходовать своё время, сохраняя при этом высокое качество работы. Мы понимаем нужды бизнеса и поэтому придумали LITE адаптацию, как быстрое и эффективное решение проблемы мобильности сайта. Для заказчиков с более высокими требованиями к мобильному UX, мы предлагаем PRO адаптацию.


Что, если мне не понравится результат?

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


Как можно оплатить?

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


У вас другой вопрос? Свяжитесь с нами любым удобным способом.

Другие услуги


LITE адаптация

Базовая адаптация сайта с изменением CSS стилей. Гарантия прохождения теста Google и Яндекс на мобильность.

29 990 ₽

Подробнее

AMP версия ⚡

Ускоренные мобильные страницы AMP HTML – это технология от Google, которая обеспечивает очень быструю загрузку вашего сайта на смартфонах и привилегии в поисковой выдаче.

2 990 ₽/мес.

Подробнее

PRO адаптация

Профессиональная адаптация по технологии JavaScript-adaptive с участием дизайнера, front-end разработчика и менеджера проекта.

цена по запросу

Подробнее

GO конструктор

Конструктор для быстрой адаптации простых сайтов.

от 27 ₽/день

Попробовать