Студия АРК Веб · PWA на WordPress

«Скиньте ссылку ещё раз» Ваш сайт — иконкой на экране

PWA — это сайт, который добавляется на главный экран смартфона в пару касаний и открывается как приложение, со своей иконкой. Делаем его на основе вашего сайта на WordPress.

Пара касанийот сайта до иконки на главном экране
0модераций в магазинах приложений
1ваш сайт — без второго продукта с нуля
сделать PWA для сайта сайт как приложение PWA на WordPress иконка сайта на экране телефона приложение без магазина приложений PWA для салона PWA для кафе с меню ускорение сайта для мобильных
До

Одно касание против цепочки шагов

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

Как делали

Клиент ищет сайт — или просит ссылку заново

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

«скиньте ссылку ещё раз» набирает название сайта… ? ? ? нужный сайт нашёлся не сразу
ссылка живёт в переписке название сайта вспоминается не сразу поиск откладывает визит клиент уходит туда, кто «под рукой»
Как делаем

Иконка рядом с мессенджерами

Делаем иконку вашего сайта на главном экране смартфона — рядом с мессенджерами. Клиент открыл в одно касание: не ищет в поиске, не листает переписку и не просит ссылку заново.

сайт открыт одно касание — и вы открыты рядом с мессенджерами
открыл в одно касание иконка рядом с мессенджерами поиск не нужен работает как приложение
После

Демо: поставьте иконку на экран

Что сделать: нажмите «Добавить на экран», затем коснитесь появившейся иконки «Ваш сайт»

12:30пример · схема экрана
Чаты
Камера
Галерея
Почта
Календарь

Так это выглядит у клиента

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

Шаг 1 · нажмите «Добавить на экран»

  • Экран — упрощённая схема, а не скриншот: так иконку видит клиент на своём смартфоне.
  • Иконка появляется рядом с мессенджерами — открыл в одно касание.
  • По фактам услуги: без публикации в магазинах приложений и без модераций.
После

Анатомия: пять частей одной услуги

Что сделать: нажимайте точки на схеме — справа раскроется описание части

главный экран · схема 01 Иконка на главном экране 02 Открывается как приложение 03 Без публикации в магазинах 04 На основе сайта на WordPress 05 Ускорение для мобильного

Схема — упрощённый пример главного экрана смартфона.

01 / 05

Иконка на главном экране

После настройки у вашего сайта появляется иконка — как у обычного приложения. Клиент добавляет её на главный экран смартфона в пару касаний прямо с сайта.

  • Добавление — в пару касаний, без установки из магазинов
  • Иконка со своим значком — сайт узнаётся с первого взгляда
  • Место на экране — рядом с мессенджерами
  • Клиенту не нужно просить ссылку заново

Открывается как приложение

Иконка открывает ваш сайт как обычное приложение. То, что клиенту нужно, — меню, акции, экскурсии, товары, запись — на первом экране.

  • Запуск — одним касанием по иконке
  • Открывается как обычное приложение, со своей иконкой
  • Клиент попадает на ваш сайт сразу, а не через поиск
  • Постоянным клиентам проще возвращаться

Без публикации в магазинах приложений

PWA не нужно размещать в магазинах приложений. Это значит: никаких публикаций, никаких ожиданий модерации и никаких платежей за размещение.

  • Не нужно платить за публикацию в магазинах приложений
  • Не нужно ждать модерацию
  • Иконка ставится прямо с вашего сайта
  • Работает на базе сайта, а не отдельного продукта

На основе вашего сайта на WordPress

Второй продукт с нуля не нужен: PWA мы делаем на основе вашего действующего сайта на WordPress.

  • Работаем с вашим сайтом на WordPress
  • Отдельное приложение с нуля не нужно
  • В иконке — ваш сайт: разделы, страницы, контакты
  • Один бренд — и сайт, и иконка на экране клиента

Ускорение для мобильного интернета

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

  • Опция по вашему выбору — подключаем по желанию
  • Оптимизация загрузки страниц под мобильный интернет
  • Актуально для клиентов «на ходу»: в дороге, в очереди, между делами
  • Обсуждаем вместе с остальными настройками PWA
После

Что меняется для каждой стороны

Одна иконка на главном экране — и у клиента, у вас и у сайта появляются новые свойства. Переключайте, кому смотрим.

Клиенту: вы всегда под рукой

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

Скорость возврата к вамвысокая
Число шагов до вашего сайтаминимум
  • Открыл в одно касание — рядом с мессенджерами
  • Не ищет сайт в поиске и не хранит ссылку в переписке
  • Всё нужное — меню, акции, запись, товары — на первом экране

Вам: клиенты возвращаются сами

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

Напоминание о вас на экране клиентапостоянное
Расходы на публикацию и модерациюнулевые
  • Не нужно платить за публикацию в магазинах приложений
  • Не нужно ждать модерацию — иконка ставится прямо с сайта
  • Клиентам не нужно каждый раз просить ссылку заново

Сайту: второй продукт не нужен

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

Использование вашего сайта на WordPressполное
Скорость на мобильном интернетеповышается
  • Один сайт — и в браузере, и иконкой на экране
  • Ускорение для мобильного интернета — опция по желанию
  • Разделы, страницы и контакты — те же, что на сайте

Шкалы качественные, без процентов: они показывают характер изменения, а не измеренные значения.

После

Сценарии применения

Примеры ситуаций, не отзывы клиентов

Салон · мастера

Запись — с экрана, а не из переписки

У мастера с постоянными клиентами иконка студии стоит на главном экране: клиентка открыла в одно касание — между делом глянула свободные окошки и записалась.

постоянные клиентки открывают запись в одно касание
Кафе

Меню и акции — в одно касание

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

меню и акции всегда на первом экране
Экскурсии · прокаты

Маршрут и запись — с экрана телефона

Гид и прокат живут на потоке гостей: иконка сайта на экране нового клиента — и расписание экскурсий или свободный самокат он открывает уже без поиска.

расписание и бронь открываются в одно касание
Магазины

За новым — по иконке

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

возвращение за новым — одним касанием
Мост

Пять шагов — от первого сообщения до иконки у клиента

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

Шаг 01 · обсудим сроки

Пишете в Telegram

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

Шаг 02 · обсудим сроки

Смотрим ваш сайт на WordPress

Изучаем структуру и мобильную версию: что клиент увидит первым экраном, откуда удобнее ставить иконку. После осмотра называем объём работ и сроки.

Шаг 03 · обсудим сроки

Настраиваем PWA и иконку

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

Шаг 04 · обсудим сроки

Проверяем добавление на экран

Проходим путь клиента вместе: сайт — «добавить на главный экран» — иконка рядом с мессенджерами. Проверяем на реальных смартфонах, что всё открывается как приложение.

Шаг 05 · обсудим сроки

Показываем клиентам, как установить

Даём короткую памятку: где на экране появится иконка и что она откроет. Клиенты ставят сайт на главный экран в пару касаний — и возвращаются к вам в одно касание.

SEO-бриф · простыми словами

PWA — сайт как приложение: что это и зачем

PWA — это обычный сайт, которому добавили поведение приложения: его можно поставить на главный экран смартфона в пару касаний, и дальше он открывается со своей иконкой, как привычное приложение. Сайт при этом остаётся сайтом — он по-прежнему работает в браузере и остаётся на вашем WordPress. Просто у него появляется второй «вход»: иконка на главном экране рядом с мессенджерами.

Что такое PWA простыми словами

Обычный сайт живёт в браузере: чтобы попасть на него, клиент ищет вас по названию или просит ссылку. PWA превращает сайт в иконку на главном экране — одно касание, и сайт открывается на весь экран, как приложение, с вашим значком. При этом второй продукт с нуля не нужен: мы делаем PWA на основе вашего действующего сайта на WordPress.

Пара слов о терминах

PWA расшифровывается как Progressive Web App — «прогрессивное веб-приложение». Для клиента это просто «приложение с иконкой», для вас — тот же сайт, без нового сайта и без нового продукта.

Чем это удобно постоянным клиентам

Главная выгода — привычный жест: нажал на иконку — ты на сайте. Постоянному клиенту больше не нужно ничего вспоминать и никуда «сходить»:

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

Почему не нужна публикация в магазинах приложений

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

Как клиент ставит иконку — весь путь в пять шагов:

  1. Клиент заходит на ваш сайт со смартфона.
  2. В меню браузера выбирает «Добавить на главный экран».
  3. Подтверждает — иконка появляется рядом с мессенджерами.
  4. Открывает сайт с этой иконки — как приложение, на весь экран.
  5. Дальше возвращается к вам в одно касание.

Чем PWA не является

Это не второе приложение с нуля и не переделка сайта: настраиваем PWA на основе вашего сайта на WordPress — со всеми разделами, страницами и контактами, которые там уже есть.

Внимание

PWA — это оболочка вашего сайта, а не его копия: если сайт недоступен, иконка не откроется. Поэтому мы проверяем добавление на экран на шаге 4 — именно на ваших устройствах.

Что входит

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

Частые вопросы

Приложение правда не публикуется в магазинах?

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

Мой сайт должен быть на WordPress?

Мы делаем PWA на основе вашего сайта на WordPress — второй продукт с нуля не нужен. Напишите нам: посмотрим ваш сайт и скажем, как лучше всего поставить иконку.

Что нужно, чтобы начать?

Одно сообщение в Telegram, по телефону или во ВКонтакте. Дальше — по шагам: смотрим сайт, настраиваем PWA и иконку, проверяем добавление на экран, показываем клиентам, как установить.

Можно ли заодно ускорить сайт?

Да, ускорение для мобильного интернета доступно как опция — обсудим его при настройке PWA.

PWA — это короткий путь от «вспомнить о вас» до «открыть ваш сайт»: пара касаний до иконки, ноль модераций в магазинах, один сайт вместо второго продукта. Напишите в Telegram, по телефону или во ВКонтакте — обсудим ваш сайт на WordPress и сроки.

Мост

Куда написать

Выбирайте привычный канал — отвечаем сами, без ботов и очередей.

Все каналы задаются один раз в начале скрипта — карточки выше собираются из этого списка автоматически.

Мост

Поставим ваш сайт на главный экран

Напишите — посмотрим ваш сайт на WordPress, настроим PWA и иконку, проверим добавление на экран. Сроки обсудим в переписке.

Студия АРК Веб

Разработка PWA приложений в Симферополе, одна страница для всех устройств