Создание Мобильной версии сайта

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

Сроки выполнения: от 7 дней

Зачем нужна мобильная версия сайта?!

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

Согласно недавним исследованиям TNS Web-index, количество пользователей, выходящих в интернет со своих мобильных устройств превышает 60% от числа всех пользователей интернета. И эти цифры постоянно растут! Но стоит обратить внимание, что статистика может быть различной, для различных видов сайтов, товаров, услуг.

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

И что с этим знанием делать, спросите вы?! Всё просто. У вас есть бизнес. У бизнеса есть интернет-сайт. Сайт нужен для того, чтобы рассказать клиентам об услуге или продукте, который вы предлагаете. Сайт - это инструмент, с помощью которого вы информируете, продаёте, привлекаете, взаимодействуете с клиентами, которые приносят деньги в вашу компанию. Вы заботитесь о сайте. Делаете его привлекательным, удобным и полезным. Ваша компания выделяет маркетинговые бюджеты на продвижение сайта в поисковых системах. Чтобы клиентов стало больше, и чтобы они не ушли к конкуренту. Верно?

На каком-то этапе Вы узнаете, что более 30% пользователей, которые выходят в интернет со своих мобильных устройств - это тоже ваши клиенты: будущие или настоящие. 
   
И что, подумаете вы? Так выглядят сайты. Просто экран слишком маленький, но можно приблизить, увеличить. Работает медленно, нечитаемый текст, все мелко, неудобная навигация, но это же мобильный телефон.

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

А это - до 30% потерянных посетителей. До 30% потраченных впустую маркетинговых бюджетов. И недополученный доход.

Кроме этого последние требования поисковых машин к качественным сайтам ставят владельцев этих сайтов перед фактом того, что отсутствие мобильной версии сайта негативно влияет на позиции сайта в поиске. И наоборот, мобильная версия дает сайту преимущества в SEO и SEM технологиях. 

Проблема и решение

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

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

Какие плюсы можно ещё выделить? Терявшиеся ранее, недовольные мобильные посетители начинают превращаться в ваших клиентов, это заметно, если вы следите за статистикой посещений. Конверсия в целевые действия увеличивается на 50-100% среди мобильной аудитории.

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

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

Виды мобильной версии сайта

Существует пять основных технологий созданий сайтов:

 
Мы рассмотрим каждую технологию по следующим критериям:

Чем больше звёздочек — тем выше показатель, тем лучше решение, тем стоимость ниже.

виды мобильной версии сайта

Responsive

Это — отдельный мобильный сайт. Потребует высоких временных затрат сотрудников, сроки — от 2 месяцев. Качество, удобство пользования и стоимость — высокое.

Чтобы сделать сайт удобным для мобильных пользователей часто создают так же отдельные версии сайтов — специально ориентированные на пользователя со смартфоном/планшетом. Наиболее распространена практика — перенаправление мобильных пользователей на специальный поддомен (m.example.com, mobile.example.com и т.д.). Наверное, в 99% случаев, мобильная версия представляет собой урезанную основную версию — лишь с тем функционалом, который, по мнению разработчиков, будет необходим и полезен пользователям мобильных устройств и планшетов.

Преимущества мобильного сайта

Недостатки мобильного сайта

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

Конструктор (скрипт)

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

Преимущества Конструктора

Недостатки Конструктора

Технология eski.mobi (адаптивный дизайн).

Синергия адаптивного дизайна и технологии JavaScript. Позволяет освободить ресурсы заказчика на 90%. Требуется только утверждение готовых страниц мобильного сайта.  Срок запуска до 30 дней. Качество, стоимость и удобство использования - равны. 

Преимущества адаптивного дизайна

Недостатки адаптивного дизайна

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

Выводы

С точки зрения экономии ресурсов самым предпочтительным вариантом выглядит Технология eski.mobi. Главное – не погрязнуть в тонкостях реализации, предоставить наиболее полезные функции пользователям. Помнить, что главное – контент, а «красивости» (анимация, графика) отходят на второй план.

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

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

Ценовой диапазон

Шаблонный скрипт
150$
1
2
3
4
5
6
7
8
Адаптивный дизайн сайта
от 350$
1
2
3
4
5
6
7
8
Индивидуальная разработка
от 700$
1
2
3
4
5
6
7
8

Лучшие кейсы

Бриф на разработку сайта

Контактная информация
  1. Контактное лицо:
Общая информация о организации
Дополнительная информация о сайте
  1. Общее впечатление о компании, продукции/услугах, которое должно создаваться у целевой аудитории от посещения сайта
  2. Сайт является
  3. Тип сайта (необходимое подчеркнуть)
  4. Цели веб-проекта (пронумеровать в порядке приоритетности)
  5. Название Вашего сайта (необходимое подчеркнуть)
  6. Доменное имя для Вашего сайта (необходимое подчеркнуть)
Дизайн и стилистика сайта
  1. Предполагаемый объем информации на сайте (ненужное зачеркнуть)
  2. Использование flash-анимации в дизайне (ненужное зачеркнуть)
  3. Цветовое решение (цветовая гамма)
  4. В дизайне предпочтительно
  5. Возможность принятия оригинальных решений (в плане концепции, стилистики, дизайна, подачи информации)
  6. В дизайне сайта необходимо придерживаться
Желаемый функционал сайта
  1. Внутренняя SEO оптимизация (нужное подчеркнуть)
  2. Контент сайта (нужное подчеркнуть)
  3. Мультиязычность (нужное подчеркнуть)
  4. Планируется ли проведение рекламных и/или PR-акций в Интернет, основным рекламно- информационным ресурсом, для которых станет создаваемый сайт (реклама в поисковых системах, публикация новостей и пресс-релизов на других сайтах, проведение конкурсов, акций, flash-открытки для партнеров, создание небольших промо-сайтов для отдельных акций, товарных групп и пр.)
  5. Планируется ли использование сайта, как рекламно-информационного ресурса при проведении рекламных акций в off-line (наружная реклама, печатные издания и т.д.)
  6. Наличие у организации компании пресс-службы (PR- службы), отвечающей за взаимодействие с прессой, подготовку новостей, пресс-релизов
  7. Уровень готовности поддерживать сайт собственными силами
  8. Если нужна регистрация на сайте, то она должна быть
  9. На сайте Вами планируется (ненужное зачеркнуть)

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