Конструктор сайтов для мобильных устройств

1. MoAction

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

Главное достоинство MoAction — возможность работы с каталогами товаров. По сути, это самая сложная часть создания мобильной версии. Если у вас на сайте десятки и сотни товаров, заносить данные вручную вам вряд ли захочется. MoAction умеет импортировать существующий каталог в форматах «Яндекс.Маркета» (YML). Вам останется только указать период обновления, например раз в час или раз в день.

Кроме того, MoAction — единственный из представленных сервисов — позволяет создавать многоуровневые структуры и управлять списками товаров в несколько кликов.

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

Что такое конструктор мобильных приложений?

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

Так появились платформы-конструкторы, которые дают любому желающему возможность самостоятельно «склеить» мобильное приложение, как коллаж из фотографий. Их множество и, как правило, все они так или иначе являются платными.

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

• Генераторы. Это платформы, которые создают мобильное приложение на основе вашей существующей веб-страницы. Вы даете генератору URL своего сайта, и он автоматически создает мобильное приложение с теми же разделами и контентом, что и у вас на сайте.
• Конструкторы. Это платформы, которые позволяют вам собрать приложение самим из готовых элементов, а контент для него создадут ваши будущие пользователи. В вашем распоряжении будут готовые шаблоны и элементы интерфейса, а также кусочки функциональности, например, геопозиционирование, отправка уведомлений, работа с банковскими картами и многое другое.

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

• Гибридные (PWA). Это, фактически, приложения под веб, адаптированные по экран мобильного устройства. Они открываются на смартфоне при помощи браузера.
• Нативные. Это, собственно, приложения, которые устанавливаются в операционную систему мобильного устройства. Нативные приложения наиболее удобны для пользователя и выгодны для предпринимателя.

Создание приложения само по себе может быть бесплатным, зато потом у вас есть два пути. Во-первых, вы можете купить у сервиса его исходники и самостоятельно поддерживать их и распространять приложение. Кроме того, вы можете купить платную подписку, и тогда команда сайта сама опубликует приложение в App Store/Google Play и будет поддерживать его за вас.

Помимо платы за поддержку, вам также придется купить аккаунт в App Store или Google Play, который стоит $99 и $25 соответственно. Чтобы окупить ваши затраты, у многих платформ есть программы лояльности, которые позволяют вам не только сделать приложение, но и зарабатывать на нем — например, подключив рекламу.

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

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

Если вам не нравится решение, предложенное компанией dudamobile.com, то имеет смысл попробовать решения других разработчиков. В русскоязычном Интернете я, к сожалению, не нашел подобных сервисов. Хотя и потратил на поиски с помощью Google не менее одного часа. А вот в англоязычном Интернете таких сервисов много. В статье авторитетного техноблога mashable.com «8 инструментов для легкого создания мобильной версии вашего веб-сайта» приводится 8 сервисов для создания мобильных версий веб-сайтов. Но почти все они мне не понравились по сравнению с GOMO, кроме того, все они платные, бесплатных тарифных планов в них нет. Самый крутой из них — это wirenode.com. Этим сервисом пользуются (или пользовались!) такие компании, как: Reebok, Ford, Nivea, Nokia. Airfrance, Vodafone, и там есть очень ограниченная бесплатная версия. Стоимость полноценной версии начинается от $7 в месяц.

По данным Techcrunch, основным серьезным конкурентом gomo.dudamobile.com является нью-йоркский стартап www.bmobilized.com, который, кстати, доступен на русском языке. Он предлагает более 30 функций, позволяющих улучшить ваш мобильный веб-сайт, таких как меню контактов, карты, кнопки «Поделиться в соц. сетях» (Facebook, Twitter, YouTube, Flickr on LinkedIn) и др. Стоимость использования — $9 в месяц. Можно бесплатно протестировать сервис в течение 7 дней. Мне этот сервис понравился, но после создания мобильной версии моего сайта у меня не работал один пункт меню, я мучился полчаса, но так и не смог удалить его. Верстка самого веб-сайта www.bmobilized.com расползается в браузере Google Chrome (последняя версия на текущий момент). Так что я не уверен, что захочу пользоваться этим сервисом еще. Хотя в целом видно, что он классный, но надо разбираться, тратить время.

Журналист Techcrunch Sarah Perez составила список из более чем полусотни сервисов для создания мобильных приложений и веб-сайтов, а также помогающих создать мобильную версию вашего веб-сайта: ». Я просмотрел все сервисы, и мне запомнился только один – shoutem.com. Это легкий в освоении сервис, который позволяет «мобилизировать» ваш веб-сайт. Об этом сервисе писали ведущие техноблоги: mashable.com, thenextweb.com, mobileindustryreview.com, thefastertimes.com, siliconangle.com. Этим сервисом пользуются такие компании, как: T-Mobile, TheNextWeb, IBM, USAToday. Стоимость использования этого сервиса начинается от $20 в месяц.

# 3. Alstrapp

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

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

Доступность

Не требуются знания программирования. Все доступно из коробки.

Однако требуется время на подключение своего аккаунта Adobe Build и OneSignal. Может показаться, что это достаточно сложно, но это дает полную независимость от разработчика.

Баллы: 4

Интерфейс

Интерфейс выполнен в современном стиле. Есть система локализаций — в том числе русский язык.

Создавать приложение в Alstrapp действительно приятно.

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

Баллы: 5

Функциональные возможности

Подойдет только для создания информационного приложения, не магазина.

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

Управление клиентами/пользователями доступно, есть система авторизации в приложении.

Баллы: 4

Индивидуальность и брендирование

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

Возможность загружать собственные иконки и экраны загрузки.

Баллы: 4

Управление приложением

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

Баллы: 5

Ограничения

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

Баллы: 5

Сроки разработки

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

Среднее время создания 1-2 дня.

Баллы: 5

Стоимость

Нет бесплатного периода, но есть онлайн демо.

Единоразовая покупка — 64 USD. Весьма экономично, учитывая, что вам не придется ежемесячно вносить платежи.

Alstrapp устанавливается на ваш хостинг/сервер, поэтому могут потребоваться дополнительные расходы, но они несравнимы с платными подписками.

Баллы: 5

Служба поддержки

На сайте нет активной Базы знаний, но предоставляется доступ к документации после покупки лицензии.

Скорость реакции поддержки — моментально (в чате)

Баллы: 5

5 причин адаптировать сайт для мобильных устройств

• 21 апреля 2015-го года Google изменил алгоритмы поисковой выдачи в пользу мобильных сайтов. 2-го февраля 2016-го то же самое сделал и Yandex. Это значит, благодаря оптимизации страниц для мобильных устройств, вы сможете обойти ваших конкурентов, предлагающих такие же товары и услуги, но не имеющих мобильной версии сайта.

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

• Уже сегодня отсутствие мобильной версии — очевидное отставание от ведущих трендов. Завтра это будет попросту признаком дурного тона. Закажите бесплатный расчёт стоимости адаптации вашего сайта сейчас, и получите все эти преимущества уже через 7 рабочих дней!

5. Prosto.mobi

У Prosto.mobi самый лаконичный дизайн. Сервис, судя по всему, ещё молодой, поэтому на данный момент функциональность редактора достаточно ограниченная: в платной версии на выбор предлагается всего 13 блоков. Например, блок с контактными данными, блок со ссылками на социальные сети, блок с фотографией. Этого мало, чтобы собрать оригинальный сайт.

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

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

# 4. NWCODE (бывший APP-GLOBUS)

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

Стоит также отметить, что здесь тоже не постарались над локализацией под Россию — перевод Личного кабинета плохой.

Нет смысла проводить анализ по факторам, но стоит упомянуть, что здесь не предоставляется онлайн конструктор, а предлагается покупка этой CMS. В отличие от Alstrapp, цены здесь от 7000 до 65000 рублей единоразово.

Прикиньте бюджет

Мы добрались до самого животрепещущего. Во сколько вам обойдется новенький мобильный сайт?

Наверняка вы не рассматриваете подрядчиков из ТОП-10 рейтингов веб-студий. Но даже у компаний, которые находятся в самом конце рейтинга, бюджеты на разработку сайта начинаются от 40 000. Фактически сюда входит проектирование, дизайн, верстка и размещение на вашем сервере.

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

«Может, плюнуть на все и создать мобильный сайт своими руками?» — думаете вы. И тут же спохватываетесь: предстваляя, сколько всего нового придется изучить, сколько шишек набить и времени потратить.

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

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

Strikingly

Бесплатная версия: здесь оригинальный «халявный» набор: ограничение в 5 Гб на пропускную способность, неограниченное количество сайтов, но с базовым функционалом, всего 1 продукт на продажу для каждого ресурса и субдомен strikingly.com.

Стоимость платной версии: за ограниченную версию – 7$ в месяц при подписке на 2 года, максимум придётся отдать при подписке на один месяц за версию PRO – 20$.

Описание: несмотря на невысокие оценки в СМИ, это один из самых интересных конструкторов в рейтинге. Он идеально подходит под концепцию Drag & Drop, новичку будет невероятно просто разобраться с организацией страницы. Если всё же возникнут затруднения, даже в бесплатной версии пользователи получат круглосуточную поддержку

Минус – производительность полученного сайта, но для тех, кто только делает первые шаги – это не очень-то и важно

Проверьте, как выглядит ваш текущий веб-сайт на экранах мобильных телефонов

1. Online-Only. Вы ведете свой бизнес только в режиме онлайн. Ваша цель — продажи и вовлеченность. Примеры бизнесов: продажа онлайновых товаров или онлайн-игры.
2. Lead Generation. Лидогенерация. Ваша цель — привлечение клиентов. Примеры бизнесов: автодилеры, недвижимость, рестораны, страхование.
3. Brand Driven. Ваша цель — узнавание и вовлеченность. Построение бренда. Примеры бизнесов: развлечения, фармакология, товары широкого потребления.
4. Multichannel. Вы ведете бизнес и онлайн, и оффлайн. Ваша цель — обеспечить их незаметный переход из онлайн в оффлайн, и наоборот. Примеры бизнесов: ритейлеры, финансы, телекоммуникации.
5. Publisher. Ваш бизнес — это создание и продажа контента в электронном или физическом виде. Ваша цель — вовлеченность и продажи.

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

1. Видите ли вы испорченные изображения или отсутствующий контент?
2. Можете ли вы читать текст без увеличения и прокрутки?
3. Можно ли кликать ссылки и кнопки большим пальцем?
4. Хорошо ли видны ваш номер телефона и адрес?
5. Можно ли кликнуть на номер телефона, чтобы начать звонок?

Решите, что это будет: адаптив, респонсив или мобильная версия

Воу, сколько незнакомых слов! На самом деле, тут всё просто:

Адаптивный сайт. Верстка текущего сайта переделывается таким образом, что при уменьшении размеров экрана элементы перестраиваются. Интерфейс становится удобным для мобильных пользователей (и получает высокие баллы от того самого сервиса Google). У вас один сайт, но он по-разному выглядит на разных устройствах.

Отзывчивый сайт (responsive). Работает так же, как адаптивный. Разница в том, что адаптив имеет только несколько «точек слома» — один вид для десктопа, другой для планшета, третий для смартфона. А вот респонсив перестраивается плавно. Откройте любой сайт в браузере на компьютере, возьмитесь курсором мышки за край браузера и постепенно уменьшайте ширину окошка. Если сайт меняется «рывками» — он адаптивный, если плавно — отзывчивый. Принципиальной разницы для пользователя между ними практически нет.

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

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

ПОЧЕМУ АДАПТАЦИЮ САЙТА СТОИТ ЗАКАЗАТЬ ИМЕННО У НАС?

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

• Командой MobilizeTotay.ru было адаптировано множество сайтов для клиентов из Японии, США, России, Украины, Белоруссии, Казахстана. Мы знаем, что делаем.

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

• После нашей адаптации ваш сайт успешно пройдёт тест mobile-friendly для Google и Yandex. Это положительно скажется на посещаемости и продажах. Поисковики и клиенты полюбят вас!

• Наша система спроектирована для электронных магазинов как с большой, так и малой нагрузкой. Предусмотрена возможность размещения мобильных сайтов в Сети Дистрибуции Контента (CDN).

• MobilizeToday имеет список готовых предложений для клиентов с практически любым бюджетом: от индивидуальных предпринимателей до крупных корпораций.

4. Onbile

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

Шаблонов на выбор тоже немного: всего 15, но для каждого предусмотрено ещё 2–3 вариации с незначительными отличиями дизайна, структуры и цвета.

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