Surf 
Тендеры и лиды
Информация
Запрос «у нас есть сайт, сделайте из него приложение по-быстрому» звучит как кнопка «экспортировать». На деле путей три, у каждого своя цена и свои компромиссы. Разбираем, какой и когда подходит.
«Сайт уже есть, осталось завернуть его в приложение» — так это видится со стороны бизнеса, и логика понятна: контент готов, зачем делать всё заново. Проблема в том, что сайт и приложение живут в разных средах, и кнопки «превратить одно в другое» не существует. Есть выбор из нескольких подходов, которые отличаются и по стоимости в десятки раз, и по тому, что получит пользователь на выходе. Разберём их без иллюзий.
Мы в Surf занимаемся и веб-разработкой, и мобильной разработкой, включая кроссплатформенные приложения, и регулярно помогаем бизнесу выбрать здесь правильный путь. Подробный технический разбор подходов у нас есть отдельно — здесь о том, как выбрать, не переплатив и не получив отказ в магазине.
Сайт работает в браузере и заточен под то, чтобы его читали. Приложение живёт на устройстве и заточено под действия. Это разные технологии, поэтому взять готовый сайт и автоматически получить из него полноценное приложение не выйдет — что бы ни обещали конструкторы. Правильный вопрос звучит не «как сконвертировать», а «какой из путей закрывает мою задачу». Путей всего три, и ниже разберём каждый честно — с тем, где он выручает и где подводит.
Progressive Web App — это ваш сайт, доработанный так, что он начинает вести себя как приложение. Пользователь добавляет его на домашний экран по кнопке прямо из браузера, и дальше тот открывается с иконки на весь экран, умеет работать офлайн и кэшировать данные.
Плюсы: не нужны магазины и их модерация, обновления прилетают мгновенно (как на сайте), весит он в разы меньше нативного приложения, а делается на базе существующего сайта. Технически нужно добавить три вещи: манифест, сервис-воркер и работу по защищённому протоколу.
Минусы: PWA по умолчанию не лежит в App Store и Google Play, так что привычной установки из магазина нет. Доступ к возможностям телефона ограничен, а полноценные push-уведомления на iOS работают с оговорками. Это хороший вариант, когда нужен охват и быстрый старт без сторов, но не замена настоящему приложению.
На практике PWA отлично заходит медиа, контентным сервисам и интернет-магазинам, где важны быстрый доступ, свежий контент и охват без барьера установки. И заметно хуже подходит там, где продукт плотно работает с камерой, геолокацией, датчиками или должен ощущаться идеально плавным, — для таких задач это полумера.
Второй подход — обернуть сайт в WebView, то есть в нативную оболочку, внутри которой открывается ваш сайт. На выходе получается файл, который можно загрузить в магазин. Конструкторов для этого много: указываешь адрес сайта, настраиваешь пару опций и за считанные минуты получаешь сборку.
Звучит как мечта, но здесь спрятана главная ловушка. App Store отклоняет пустые обёртки — по правилу 4.2 о минимальной функциональности приложение, которое просто открывает сайт и не даёт ничего сверх него, до магазина не доходит. Apple прямо считает такое приложение бесполезным для пользователя. Даже если обёртка пройдёт, у неё свои болячки: ограниченный доступ к камере, геолокации и офлайну, ощущение «не родного» интерфейса, проблемы с аналитикой. Обёртка оправдана только тогда, когда поверх сайта добавляют что-то по-настоящему «приложенческое»: нормальную навигацию, уведомления, офлайн-сценарии.
Наша система сама подберет вам исполнителей на услуги, связанные с разработкой сайта или приложения, поисковой оптимизацией, контекстной рекламой, маркетингом, SMM и PR.
Заполнить заявку
13691 тендер
проведено за восемь лет работы нашего сайта.
Третий путь — сделать полноценное приложение, которое использует данные и логику вашего сайта через API, но интерфейс и взаимодействие строит как нативный продукт. Это может быть нативная разработка под каждую платформу или кросс-платформенная на одном коде сразу под iOS и Android.
Это дороже и дольше двух предыдущих вариантов, но только так бизнес получает всё, ради чего приложение и заводят: полноценные push-уведомления, доступ к возможностям телефона, высокую скорость и привычный пользователю интерфейс. Сайт здесь становится не «исходником», а источником данных, поверх которого вырастает отдельный продукт.
Между обёрткой и полной нативной разработкой есть и промежуточный, гибридный вариант: общая кодовая база плюс нативные куски там, где они критичны. Это разумный компромисс по цене и возможностям, когда полноценный продукт нужен, а бюджета на две отдельные нативные команды нет, — собственно, на кросс-платформе мы и собираем большинство таких приложений.
Выбор сводится к тому, что вам реально нужно, а не к тому, что дешевле звучит.
Нужен охват и быстрый старт без магазинов, контент важнее функций — это PWA.
Нужно формально оказаться в сторах с минимальным бюджетом — это обёртка, но честно оцените риск отказа и слабый пользовательский опыт; для серьёзного продукта это тупик.
Нужны уведомления, работа с устройством, скорость и продукт, который не стыдно показать — это полноценная переработка.
Главная ошибка — выбирать путь по цене, а не по задаче. Сэкономив на обёртке там, где бизнесу нужен настоящий продукт, вы потратите деньги дважды: сначала на обёртку, потом на её замену.
Премиальный fashion-бренд Love Republic пришёл к нам не за тем, чтобы «завернуть сайт». Аудитории нужен был полноценный мобильный опыт: быстрый, с продуманными сценариями покупки и фишками, которых на сайте нет. Поэтому мы сделали отдельное приложение на Flutter с нативными возможностями — поиском, видеопримеркой, персональными рекомендациями.
Результат со страницы кейса Love Republic показывает, зачем нужен именно настоящий продукт, а не оболочка: конверсия в покупку выросла в 2 раза, в приложение перешло 30% всех покупок, а рейтинг в App Store дошёл до 4,9. Обёртка вокруг сайта таких цифр не дала бы в принципе — пользователь почувствовал бы тот же сайт, только в окошке.
Автоматически «сконвертировать» сайт в приложение нельзя — это разные среды, есть лишь выбор из трёх путей.
PWA превращает сайт в подобие приложения: офлайн, иконка на экране, мгновенные обновления, но без магазинов и с ограничениями.
Обёртка в WebView дёшева и быстра, но App Store отклоняет пустые обёртки, а пользователь получает тот же сайт в окне.
Полноценная переработка дороже, зато даёт уведомления, доступ к устройству и настоящий продукт.
Выбирать путь нужно по задаче, а не по цене, иначе придётся платить дважды.
Превратить сайт в приложение — это не нажать кнопку, а решить, что именно нужно бизнесу и пользователю. PWA, обёртка и полноценная разработка отвечают на разные задачи и стоят по-разному. Тот, кто честно отвечает себе на вопрос «зачем нам приложение», выбирает верный путь с первого раза; тот, кто ищет волшебную кнопку, обычно проходит этот путь дважды.
Владимир Макеев, генеральный директор Surf — компании по разработке и дизайну цифровых продуктов для крупного и среднего бизнеса.
