Нативное приложение для WordPress

Работает по Api

 

Приложение для мобильных устройств (Android, IOS) которое позволяет пользователю удобным способом ознакомиться с меню, ценами, акциями и сделать заказ товара.

1. Для кого предназначено данное приложение:

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

Владельцы ресторанов и кафе, владельцы интернет магазинов — приложение будет полезно для продвижения ваших товаров  через площадки дистрибуции мобильных приложений (Appstore, GooglePlay, Rustore)

Веб студии – приложение буде полезно, если вы решите расширить спектр предлагаемых вами услуг вашим клиентам.

Веб мастера — приложение будет полезно, если вы решите использовать его в качестве создания обратных ссылок с площадок дистрибуции мобильных приложений (Appstore, GooglePlay, Rustore)

Индивидуальные предприниматели — вы можете использовать приложение в качестве каталога ваших услуг.

1.1 Потребность в разработке мобильного приложения

В настоящее время устройства пользователя физически разделились на 2 типа – собственно самртфоны и дексктоп. Поэтому на уровне интерфейса так же произошло разделение – на веб сайты и мобильные приложения.

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

2. Функциональные возможности:
  • Push-уведомления
  • Возможность отображения рекламных позиций, баннеров
  • Синхронизация товаров с сайтом
  • Отправка информации о заказе в CRM
  • История заказов
  • Быстрый заказ без регистрации
  • Удаленное управление стилями приложения
3. Техническая реализация

Технически продукт разделён на следующие части:

1. Мобильное приложени
  1.1. Для IOS
  1.2. Для Android
2. Веб интерфейс
  2.1. Для администратора
  2.2. Для конечного пользователя (покупателя)
3. Серверная часть

4. Интерфейс и функции

4.1 Главный экран

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

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

Слайдер содержащий избранные товары находится под списком категорий. перелистывание осуществляется свайпом влево или вправо.

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

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

4.2 Экран товара

Данный экран состоит из следующих элементов

  • Название товара
  • Изображение товара (слайдер, переход к другому изображению свайпом влево или вправо). Автоматический переход изображения через n-секунд
  • Параметры товара (указываются в опциях товара woocommerce)
  • Описание товара (с поддержкой базового синтаксиса html
  • Динамическая кнопка добавить в корзину, связанная с состоянием корзины. Если товар добавлен в корзину кнопка меняется. По бокам кнопки появляются элементы для увеличения или уменьшения количества товарных позиций в корзине. Посередине появляется число добавленных в корзину товаров. При достижении количества равного 1 и дальнейшем нажатии кнопки инкремента, товар удаляется из корзины, а кнопка возвращается в прежний вид.

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

4.3 Экран корзины

Экран корзины представляется из себя список добавленных товаров.

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

4.4 Экран истории заказов

4.5 Экран оформления заказа

5. Серверная часть

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

Наиболее удачным решением будет такое, которе позволит использовать базу данных товаров и для сайта и для мобильного приложения одновременно. Из всех возможных решений наиболее подходящим будет использование WordPress + Wocommerce. Данная связка позволит быстро создать продающий сайт и стилизовать его под потребности фирмы. На современном фриланс пространстве найдётся достаточно много веб мастеров, которые сумеют в кратчайшие сроки подогнать дизайн сайта под потребности заказчика.

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

Статистика взята с сайта https://itrack.ru/rating-cms/im/
6. Концепция управления стилями

Удалённое изменение настроек

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

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

6.1 Реализация управления приложением

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

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

6.1.1 Слайдер.

Данный функционал позволяет добавлять на экран приложения слайдер с промотоварами

6.2.2 Настройки цвета

УТП - философия приложения

Нужно быстро создать нативное мобильное приложение для вашего интернет магазина, ресторана или кафе с минимальными затратами?  WooMobile — ваш выбор! Низкая цена, поддержка IOS и Android, и функционал как у большинства дорогостоящих аналогов!

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

Например вы недавно открыли интернет магазин. Какие источники рекламы вам доступны? Раздача листовок на улице? Когда-то этот метод действительно имел эффективность и низкую стоимость, но в современных условиях, когда услуги типографий выросли во много раз это уже не так привлекательно. Так, например за тираж из 3000 листовок на А6 придётся заплатить 1500рублей.  Добавить к этому стоимость услуг по их раздаче и получится уже сумма в районе 3000 рублей. Сколько людей выкинет листовку даже не взглянув на неё? В следующий раз когда вам сунут очередную бумажку на улице, обратите внимание на то как быстро вы её выкинули в мусор.

Получается что за стоимость 1 дня раздачи листовок есть возможность сделать мобильное приложение, которое можно загрузить в маркетплейсы и постоянно получать поток заинтересованных клиентов!

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

Неужели вы не готовы потратить на ваш бизнес астрономическую сумму в 3000р? Зачем тогда вообще было тратить время и силы на создание сайта, загрузку товара и прочее? Вам не жаль своего времени?

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

Второй вариант бизнесменов – их всегда что-тот не устраивает. Сейчас есть много способов сделеть мобильное приложение, но эти господа перфекционисты найдут к чему придраться. Например, нет синхронизации с 1с. Только вдумайтесь в это. Человек только что сделал магазин на 100 товаров в котором за месяц не было ни одной продажи, но ему уже нужна синхронизация с 1С.  Дальше больше. Если у человека кафе или ресторан, то ему обязательно нужна интеграция с CRM для таких заведений.  Что в итоге?  Просто обратите внимание, когда будете проходить с недавно открывшимся кафе у вашего дома насколько быстро заведение закроется.

 

Если вы считаете что модные стулья, логотип за 5000000 долларов и прочая мишура как-то влияют на продажи, то мне вас жаль. Покупатели хотят только одного – покупать. И для этого им нужны инструменты, которые позволят это сделать – мобильные приложения, а вам площадки на которых вы сможете разместить вашу продукция – GooglePlay, AppStore, Рустор.

Одним словом, свою голову не приставишь. В нашем доме за последние 3 года сменилось 3 кафе. Каждый новый владелец думал что он умнее других и у него всё получится. Единственное о чем он не подумал – об источниках привлечения трафика.

  • Для IOS и Android.
  • Загружает товары с сайта.
  • Свой SplashScreen.
  • Все изменения на сайте отображаются в приложении.
  • Push уведомления.
  • Работает в связке с WooCommerce.
  • Простое управление.

Настоящее нативное мобильное приложение для вашего магазина на Woocommerce.