01
AliExpress
увеличение на 104% конверсии на новых пользователях, увеличение сессий на 74%, увеличение времени, проведенного на сайте, на 2 минуты и увеличение количества страниц на сессию на 2.
Мы создаем не просто сайты, а прогрессивные веб-приложения (PWA - Progressive Web Apps).
PWA — это современное решение для мобильных устройств, объединяющая возможности веб-сайта и нативного приложения, которая позволяет сократить затраты и повысить конверсию.
Кому точно необходимо
заказать PWA
Смело можно сказать - для любых компаний, которые хотят:
- увеличить конверсию и удержать пользователей
- автоматизировать бизнес-процессы на стороне клиента
- облегчить доступ к своим услугам или продуктам
- продвинуть мобильные приложения в поисковых системах
- сократить затраты на маркетинг
- сократить затраты на разработку и поддержку мобильных приложений
Некоторые компании, которые перешли на PWA, делятся своими результатами
Результаты перехода на PWA
02
Flipkart
увеличение на 70% конверсии, увеличение на 3 раза времени, проведенного на сайте, увеличение на 40% количества повторных посещений и уменьшение на 60% отказов.
03
увеличение на 65% количества страниц на сессию, увеличение на 75% количества повторных посещений, увеличение на 20% времени, проведенного на сайте, увеличение на 10% количества новых пользователей и увеличение на 6% количества твитов.
04
Lancôme
увеличение на 17% конверсии, увеличение на 8% среднего чека и увеличение на 53% количества мобильных посещений.
Если вы решите заказать PWA у нас,
вы получите большие выгоды
Сравним обычный сайт и PWA
| Функциональность | Обычный сайт | PWA |
| Работа без подключения к Интернету | Нет | Да[5] |
| Получение push-уведомлений | Нет | Да |
| Установка на главный экран | Нет | Да |
| Автоматическое обновление контента | Нет | Да |
| Кеширование страниц | Частично | Да |
| Быстродействие | Ограничено | Высокое (зависит от реализации) |
| Доступ к аппаратным средствам устройства | Нет | Есть[6] |
Преимущества PWA
перед мобильными приложениями
Сравним нативное мобильное приложение и PWA
| Функциональность | Нативное мобильное приложение | PWA |
| Размер приложения | Больше | Меньше |
| Инвестиций в разработку | Больше. Кодовая база отдельная для каждой платформы, нужно нанимать разработчиков для разных платформ. | Меньше. Одна кодовая база для веб-сайта и мобильных приложения Android, iOS. Можно нанимать меньше разработчиков. |
| Обновление приложения | Пользовательский выбор | Автоматическое[7] |
| Доступ к аппаратным средствам устройства | Есть | Есть[6] |
Как видно из сравнения PWA по своим возможностям очень близки к нативным мобильным приложениям. Но в отличие от них имеет весомые преимущества.
Как мы работаем
Мы используем SCRUM
Как мы создаем PWA
Какие конкретно работы мы делаем
01
Исследование бизнес-требований
Изучение бизнес-требований и пожелании к интерфейсу и дизайну для определения функциональных возможностей PWA
02
Выбор фреймворков и библиотек
Выбор инструментов разработки, оптимизированных для работы с PWA
03
Проектирование архитектуры
Разработка архитектуры PWA с учетом выбранного стека технологий
04
Дизайн и разработка интерфейса
Разработка дизайна интерфейса, включая макеты и компоненты пользовательского интерфейса
05
Настройка домена и хостинга
Создание тестовых сред, привязка домена к хостингу и корпоративной почте, Настройка и подключение облачного хранения, создание SSL-сертификатов
06
Разработка серверной части
Настройка серверной части приложения, разработка API и базы данных для хранения информации
07
Разработка клиентской части
Написание кода, отвечающего за работу пользовательского интерфейса и логику приложения
08
Разработка сервис-воркера
Создание скриптов, которые будут работать в фоновом режиме и обеспечивать функциональность PWA, такую как кэширование и работу в офлайн-режиме
09
Разработка манифеста
Создание манифеста приложения для определения его настроек, таких как имя, значок, цвет фона и т.д.
10
Настройка push-уведомлений
Настройка push-уведомлений для информирования пользователей о новых товарах, скидках и т.д.
11
Настройка механизмов обновлений
Настройка автоматического обновления приложения и механизмов безопасности
12
Настройка безопасности и защиты данных
Настройка защиты PWA и обеспечение безопасности данных
13
Тестирование
Тестирование и отладка приложения на разных устройствах и браузерах для обнаружения и исправления ошибок и недочетов.
14
Оптимизация
Оптимизация производительности PWA для улучшения скорости загрузки
15
Развертывание
Развертывание приложения на сервере, публикация его в интернете для доступа пользователям
16
Поддержка
Обслуживание PWA после развертывания, включая обновление и исправление ошибок
Примечания:
- Исследования Google показали, что торможение сайта на 1 секунду приводит к снижению конверсии на 7%. То есть, если ваш сайт загружается за 5 секунд, вы потенциально теряете 35% конверсии.
- Google теряет 20% своего трафика за каждые дополнительные 100 миллисекунд задержке при загрузке страницы.
- В Amazon подсчитали, что замедление загрузки веб-страницы всего на одну секунду обходится им в 1,6 миллиарда долларов в год.
- Shopify заявляет: «47% потребителей ожидают загрузки веб-страницы не более двух секунд. После этого терпимость потребителей снижается, и 40% посетителей покидают веб-страницу, если она не загружается менее чем за три секунды».
- PWA может сохранять данные, но не все функции могут работать без подключения к Интернету.
- На данный момент большинство функции уже доступны для PWA.
- Обновление PWA происходит автоматически без необходимости скачивания и установки новой версии приложения, как это происходит с нативными мобильными приложениями.