Разработка сервиса распознавания речи на основе ИИ

Проблема

Студентам часто приходится тратить много времени и усилий на конспектирование лекций вручную, что отвлекает от самого процесса восприятия информации.

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

Разработка сервиса с ИИ для распознавания речи

Решение

Для проверки идеи мы создали минимально жизнеспособный продукт (MVP). Интерфейс программы максимально простой: нажать на кнопку для старта и завершения записи, после чего полученное аудио отправляется на обработку нейросетью. Через пару минут пользователь получает текстовую расшифровку на свою электронную почту.

Разработка сервиса по распознаванию речи

Почему результат отправляется на почту, а не отображается сразу в сервисе?
На данном этапе это позволило сэкономить время и деньги, поскольку реализация функций хранения, отображения и поиска по истории записей требует дополнительных усилий. Такой подход дал возможность разработать и передать продукт для тестирования первыми пользователями всего за 7 дней!

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

Разработка сервиса на основе ИИ: авторизация
Авторизация и регистрация

Техническая сторона

Для распознавания речи был выбран сервис Elevate, так как он отвечает ключевым требованиям:

  • поддержка английского и японского языков,
  • высокая точность распознавания: во время занятия преподаватель может перемещаться по аудитории, отворачиваться, говорить громче или тише, это не должно существенно сказываться на результате,
  • недорогая стоимость использования (в данном случае, есть даже бесплатный вариант с лимитом количества запросов).

Текстовые страницы сервиса

После завершения первого этапа тестирования идеи планируется реализовать платную подписку: 3 пакета на выбор с разным количеством минут для обработки. И реализовать интеграцию с платежным сервисом для онлайн-оплаты.

Результат

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

Автоматизация производства бытовой химии “Batiskaf”

Проблема

Для Заказчика было важно получить рабочую CRM-систему в срок не более 2 недель. При этом, программа должна обладать следующими возможностями:

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

Затем следующим этапом необходимо добавить функционал Лаборатории:

  • Создать сущности “заявка на расчет стоимости” и “заявка на образец”.
  • Организовать работу с новыми сущностями для менеджера и контроль со стороны директора. 
  • Продумать перемещение заявок по разным статусам и пользователям.
  • Разработать кабинет лаборанта для отслеживания и обработки таких заявок.

Решение

Внедрение BrickCRM

Весь базовый функционал CRM-системы уже заложен в BrickCRM. Благодаря этому мы получили нужное решение быстро:

  • заменили логотип и наименование программы,
  • реализовали интеграцию с сайтом для получения заявок и перенесли имеющиеся данные о лидах и клиентах,
  • по запросу Заказчика подправили некоторые наименования (например, вместо “спринты” они используют слово “заказы”),
  • задали обязательные и необязательные поля,
  • настроили шаги воронки, источники лидов, причины отказа и другие данные через управляемые справочники.

Разработка функционала лаборатории

Здесь нужно немного подробнее рассказать о специфике продаж в сфере Заказчика.

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

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

Теперь этот бизнес-процесс нужно перенести в программу. На основе предоставленных Заказчиком файлов с запросами менеджеров и ответами лаборатории готовим User Flow (путь пользователя) и приступаем в разработке.

Автоматизация производства бытовой химии: проработка бизнес-процесса

Продажи

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

Карточка клиента без запросов в лабораторию

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

Карточка клиента с запросами в лабораторию

Расчет стоимости состава

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

Создание новой заявки на расчет стоимости

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

Автоматизация производства бытовой химии: запросы от менеджеров в лабораторию

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

Разные статусы запросов в лабораторию
Правая колонка в разных статусах запроса

При отклонении или направлении в доработку обязательно нужно указать причину.

Окно для указания причины доработки

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

Автоматизация производства: проработка статусов заявок

Образцы в разработке

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

Окно выбора заявки для создания образца

Если выбран первый вариант, данные заявки на расчет стоимости сразу подставятся в форму заказа.

Автоматизация производства бытовой химии: заявка на создание образца

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

Автоматизация производства: статусы заказа образца

Плюс запрос образца не может быть создан, если не заполнены данные для отправки (адрес, контакт ответственного лица) в Карточке лида.

Карточка заказа образца для лаборатории

Запросы

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

Все запросы в лабораторию

Кабинет лаборанта

Все созданные запросы в лабораторию направляются в Кабинет лаборанта, которому доступен только один раздел — “Запросы”. По-умолчанию запросы отсортированы в том порядке, в каком их нужно брать в работу (в зависимости от срочности и даты создания).

Автоматизация производства бытовой химии: Кабинет лаборанта

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

Внесение данных лаборантом

Другие доработки системы

Еще одно глобальное изменение — объединение Карточки лида и Карточки компании. Эта доработка потребовала пересмотра всех логических связей внутри системы. В итоге Карточка лида стала Карточкой клиента.

Появилась вкладка “О компании”, добавился блок “Лицо, принимающее образцы” с полями для заполнения данных. Также здесь выводится информация о задолженности/переплате клиента, общая сумма его заказов, информация о проектах в работе.

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

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

CRM-система для производства: список лидов

Вывели также эти данные на дашборд.

CRM-система для производства: дашборд

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

CRM-система для производства: воронка продаж

Результат

В короткий срок Заказчик получил полноценную CRM+ERP-систему, в которой можно отслеживать движение заявок от первого контакта до заключения сделки, вести учет клиентов, контролировать работу сотрудников и процесс выполнения работ.

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

Разработка свадебного B2C-портала “AmurAmur”

Проблема

При решении задачи необходимо реализовать возможности для разных типов пользователей:

  1. Доступ к общему контенту для неавторизованного пользователя,
  2. Личный кабинет невесты/жениха для хранения полезной информации,
  3. Личный кабинет организации (специалиста) для публикации своих услуг на площадке,
  4. Кабинет администратора для управления сервисом: добавления контента, модерации специалистов и услуг, настройки справочников.

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

Решение

Разработка B2C-портала шла в несколько итераций. Так как первостепенной задачей было привлечение на сайт молодоженов, сначала была создана публичная часть: журнал с полезными статьями, раздел фотоидеи, мероприятия и каталог специалистов. На первом этапе каталог заполнялся администратором самостоятельно.

Далее разработан Кабинет пользователя: теперь можно не только просматривать информацию, но и сохранять ее в удобном виде.

Затем перешли к Кабинету организации, после разработки которого появилась самостоятельная регистрация организаций/специалистов на площадке. Работа над Кабинетом администратора шла параллельно, функционал внедрялся по мере необходимости.

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

Публичная часть B2C-портала

Главная страница

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

Разработка B2C-портала

Во второй версии было решено сконцентрироваться на статьях, так как они пользовались популярностью у посетителей, а дизайн сделать более “чистым”, чтобы не отвлекать читателей от изучения материала.

Разработка свадебного B2C-портала

В процессе редизайна главная страница была объединена с разделом “Журнал”. Для тех, кто пришел искать ответы на конкретные вопросы, есть поиск по статьям и выбор категории.

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

Разработка онлайн-журнала

Фотоидеи

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

Подбор фотоидей для вдохновения пользователей

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

Фильтрация данных по категориям

При пролистывании вниз настройки закрепляются наверху страницы и сворачиваются.

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

Просмотр фото

Специалисты

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

Разработка b2c-портала: каталог специалистов
Надпись «Проверено сервисом AmurAmur» указывает на то, что сотрудник компании лично посетил организацию, подтвердил достоверность данных и сделал несколько фотографий на месте. На таких снимках стоит водяной знак и дата проверки.

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

Разработка b2c-портала: поиск специалистов на карте

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

Разработка b2c-портала: просмотр страницы компании
Клик по адресу раскрывает карту с местоположением компании.

События

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

Онлайн-сервис для подготовки к свадьбе: просмотр мероприятий

Кабинет невесты/жениха

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

B2C-портал: авторизация пользователей
Есть авторизация с помощью соц. сетей и через email.

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

Сервис для подготовки к свадьбе: кабинет пользователя

Кабинет организации

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

Регистрация организации на b2c-портале

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

Разработка b2c-портала: кабинет организации
Для того, чтобы работа с кабинетом была понятной пользователю, по странице раскиданы подсказки.

В разделе “Статистика” собираются данные по посещению страницы компании пользователями и советы о том, как повысить свой рейтинг.

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

Все платные возможности сервиса можно посмотреть в разделе “Тариф”. А на вкладке “Оплаты” хранится история оплат и автоматически генерируемые закрывающие документы.

Платные тарифы по использованию сервиса для организаций

Для работы с отзывами пользователей есть раздел “Отзывы”.

Работа с отзывами в кабинете организации

Администрирование сервиса

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

Для администратора доступны следующие возможности:

  • Управление организациями: просмотр, редактирование, включение/выключение, работа с рейтингом;
  • Отслеживание последних изменений в карточках организаций и их модерация;
  • Журнал для добавления статей и событий,
  • Загрузка фотоидей,
  • Отслеживание и модерация комментариев,
  • Справочники тегов, цветов, стилей, категорий, пользователей и т.п.;
  • Управление платежами;
  • Email-рассылка: отправка писем по категориям (пользователи, организации, все) и/или по городам. Можно выслать произольный текст или набор статей и событий.
Управление справочниками в кабинете администратора сервиса

Резюме

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

Благодаря этому, уже через 3 месяца после начала разработки, на сайт начали запускать рекламу и привлекать первых пользователей. А через 6 месяцев он уже функционировал в полной мере, позволяя всем типам пользователей регистрироваться и работать самостоятельно.

Дизайн страницы 404
Разработка приложения на flutter для клинингового сервиса

Проблема

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

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

Функционал мобильного приложения
Схема функционала приложения

Решение

Для разработки выбрали платформу flutter: она позволяет создать одно приложение, которое будет работать и на Android, и на iOS. А значит сократит время и стоимость текущей разработки, плюс доработок в будущем.

В интерфейсе использовали уже согласованные ранее фирменные цвета и элементы дизайна.

Функционал

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

На основе текстов Заказчика, подготовили несколько вариантов дизайна экранов. Попробуйте угадать, какой из них в итоге был выбран? 😉

Заказчик выбрал 3-ий вариант.

Основной экран

Главный экран помогает клиенту быстро сориентироваться в мобильном приложении.

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

Мобильное приложение для заказа клинера
Наверху экрана закреплены ответы на популярные вопросы.

Заказы

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

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

Заявка создана! Переходим к оплате. Что происходит в этот момент? Если клиент не выбрал исполнителя сам, сначала подбираем его.

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

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

Экран подтверждения данных перед оплатой

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

Разные сценарии, возможные при оформлении заказа в приложении

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

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

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

Дополнительные экраны

Авторизация происходит по номеру телефона и паролю, заданному при регистрации. Подтверждение номера телефона — по звонку (нужно ввести последние 4 цифры номер, с которого поступил звонок), такой вариант получился дешевле, чем высылать код по sms.

В Профиле хранятся данные пользователя и ответы на частые вопросы.

Маркетплейс в сфере красоты: разработка MVP стартапа за 30 дней

Идея

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

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

Сервис “Matur Market” призван решить эти проблемы и упростить закупки мастеров в сфере красоты.

Матур переводится с татарского как “красивый”. Стартап был придуман и запущен в Республике Татарстан.

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

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

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

Проблема

Перед тем, как приступать к разработке MVP, Заказчик пообщался с несколькими поставщиками товаров и получил предварительные договоренности. Было важно запустить сервис как можно быстрее, чтобы потенциальные партнеры не потеряли интерес.

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

Чтобы объединить пожелания и сжатые сроки, мы предложили следующий вариант реализации:

  1. Сделать сайт интернет-магазина на платформе OpenCart. Такое решения можно реализовать довольно быстро, т.к. делается на основе CMS. Плюс OpenCart имеет хорошую админ-панель для работы с заказами, загрузки товаров, создания категорий, управления покупателями и много других возможностей, о которых Заказчик еще даже не подумал, но они могут быть нужны в дальнейшем.
  2. Далее “упаковать” сайт в мобильное приложение, используя web-view страниц.

Был установлен срок в 30 календарных дней, и подвести было нельзя: дату запуска анонсировали в соц. сетях и объявили поставщикам.

Решение

Основной функционал сайта был развернут “из коробки”, но нужно было проработать дизайн, подготовить баннеры и реализовать логику, которой нет в базовой версии, например: определение местоположения, отображение в нужном городе нужных товаров, выбор даты доставки при заказе, разные стоимости доставки при разных суммах и районах. Была  доработана и админ-панель: сделали массовую загрузку товаров по Excel-файлу а также интеграции с сайтами поставщиков, плюс интегреция с retailCRM.

Сайт для интернет-продажи товаров

Первое тестирование реальными покупателями показало, что у пользователей возникают сложности с покупкой: более 60% уходило с сайта не завершив оформление заказа. Поэтому было решено поработать над UX этой формы: уменьшить количество полей, добавить подсказки, сделать интерфейс более понятным и привлекательным. Результат не заставил себя ждать: через месяц количество брошенных корзин было уже менее 40%.

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

Приложение для Android выглядит аналогично мобильной версии сайта.

MVP сервиса в мобильном приложении

А вот для iOS немного отличается: появилось нижнее меню и дополнительные страницы, Главная остутствует. App Store не пропускает приложения, которые полностью дублируют внешний вид и функционал сайта.

Версия MVP для iOS

Резюме

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

Разработка CRM-системы для менеджера по продажам

Проблема

История этой разработки началась в день, когда была недоступна CRM-система, где в тот момент мы вели учет заявок. Менеджер на целый день остался без доступа к задачам и контактам, не смог связаться с теми, кому обещал позвонить.

И тогда мы задумались о минусах использования сторонней программы:

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

Решение

Было решено приступить к разработке собственной программы, которая станет фундаментом для нашей системы автоматизации — BrickCRM.

В последующих этапах были реализованы:

  • Кабинет партнера,
  • Кабинет менеджера проектов,
  • Кабинеты директора и администратора,
  • Функционал маркетолога,
  • Кабинет сотрудника для отслеживания KPI,
  • Мобильные приложения для всех ролей.

Функционал

Для работы в системе нужно авторизоваться.

Наша команда использует для коммуникации мессенджер Slack, поэтому добавили возможность войти с помощью Slack-аккаунта по нажатию одной кнопки. При этом система проверяет совпадение email-а пользователя и его авторизацию в мессенджере.

Корпоративная CRM-система: авторизация сотрудника

Основные возможности CRM-системы для менеджера

Дашборд

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

Дашборд для менеджера по продажам

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

График для отслеживания динамики продаж

Лиды

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

CRM-система для IT-компании
Первый вариант страницы с заявками
Карточки с лидами по методу Kanban

Вот то преимущество, на которое мы расчитывали, приступая к разработке своей CRM-системы: если что-то работает не лучшим образом — мы можем это исправить!

Фильтры

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

Расширенные фильтры для работы в CRM-системе

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

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

Карточка лида

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

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

Создание новой заявки в CRM-системе

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

Разработка корпоративной CRM-системы: карточка лида

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

Закрытие лида в CRM-системе

Карточка клиента

В разделе Контакты собирается список контактных лиц со всех заявок, его тоже можно отфильтровать и/или выгрузить.

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

Карточка клиента в CRM-системе

Карточка компании

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

Карточка компании
Сразу сделали внесение реквизитов в отдельных полях, т.к. планируем дальше автоматизировать процесс составления договоров и счетов.
Данные о проектах и лидах компании

Дополнительные возможности кабинета

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

Календарь рабочих дней для сотрудника

В разделе Справочники происходит управление городами, а в Фильтрах — сохраненными фильтрами. Wiki — ссылка для быстрого перехода в Базу знаний нашей компании.

Резюме

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

PSD создан(а) freepik — ru.freepik.com

Дизайн приложения для компании «ТрансТехСервис»

Проблема

У Заказчика уже имелись мобильные приложения, размещенные в сторах. Первой задачей было создание дизайна экранов нового раздела «Бонусная система».  Нужно было разработать UI-дизайн приложения по готовым UX-макетам. При этом, не нужно было ориентироваться на внешний вид существующих экранов — их тоже планировали обновить: сделать более современными и понятными, добавить функционал. 

То есть мы не просто создавали еще один раздел, а определяли новую дизайн-концепцию приложения. Экраны нужно выполнить в двух палитрах — светлой и темной. 

Решение

Бонусная система

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

Заказчик предоставил прототипы со своим видением реализации задачи. 

Прототип от Заказчика

Мы проанализировали их на удобство использования и подготовили предложения по улучшению:

  1. Страница зарегистрированного пользователя должна отличаться от экрана незарегистрированного пользователя. Если человек не авторизован в системе, ему нужно предложить заполнить анкету для получения бонусной онлайн-карты. 
  2. Нужно продумать Анкету таким образом, чтобы пользователь охотнее её заполнял — не перенасытить вопросами, никто не любит вводить большое количество данных и выполнять большое количество действий. Если разделить Анкету на личную информацию и другие данные (о семье, увлечениях и  соц. сведения), то вероятность, что пользователь зайдет на все экраны – небольшая. Даже если эта информация  будет обязательная к заполнению, это создаст неудобства для клиента и уменьшит вероятность регистрации бонусной карты. 
  3. Решить, какой вариант бонусной карты предпочтительнее — реальный «пластик» или онлайн-карта.

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

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

Для тех, кто уже пользуется виртуальной бонусной картой, на стартовом экране отображаются данные карты, количество баллов, история начислений. По ссылке «Анкета» можно дополнить или изменить личную информацию. 

Убрали разделение данных при заполнении Анкеты. Такое деление создает неудобство для клиента: ему нужно зайти в раздел, заполнить Анкету, нажать «Сохранить» и вернуться назад. И так по каждому пункту — получается 12 кликов. Вероятность, что пользователь заполнит все данные, в таком случае небольшая. После того как мы убрали заполнение данных со стартового экрана и объединили Анкету, количество кликов уменьшилось до одного!

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

Бонусная система в приложении

Остальные экраны

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

Разработка приложения автодилера

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

Меню в мобильном приложении

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

Справочники в приложении

Выбранные параметры фильтра можно сохранить.

Настройка фильтров

Через приложение можно забронировать автомобиль и внести предоплату за него.

Онлайн-бронирование в приложении

Компания «ТрансТехСервис» предлагает своим клиентом воспользоваться услугой Trade-in. Подготовили 4 экрана для каждого шага записи на оценку автомобиля.

Дизайн онбординга

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

Это уже привычная для нас работа, подобные функции мы уже делали в приложениях iCherga и АвтомойкиРУ.
Запись на услугу онлайн

Перед подтверждением записи появляется экран с перечнем услуг и общая стоимость ТО. Когда пользователь записался, на экране выводится напоминание о записи: адрес сервиса, дата и время. 

Информация о записи

Темная тема

После того как, были реализованы экраны светлой темы на обе платформы (Android и IOS), проработали дизайн приложения и в темной теме. 

Темная тема приложения

YOUR LAST WORD. Стартап для рассылки сообщений после смерти

Идея

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

Проблема

При работе над этим проектом столкнулись с рядом задач, которые предстояло решить наиболее удобным способом для Заказчика (чтобы конечная стоимость на увеличивалась кратно) и для будущих пользователей:

  1. Где будут храниться послания? Хранить их на том же сервере было бы нежелательно, так как некоторые материалы могут быть очень объемными, а это скажется на стоимости его аренды. 
  2. Беспокойство пользователей за свои файлы с посланиями. Данный проект предполагает максимальную конфиденциальность и клиенту важно, чтобы сообщение дошло только до адресата, указанного им, и в нужное время. 
  3. Дизайн. Он должен был получиться не слишком траурным, но и выглядеть не легкомысленно. Нужно создать правильное настроение пользователя и не отпугнуть его. 

Решение

Выбор хранилища

Рассматривали два варианта — заливать видео на YouTube с доступом по ссылке или на Google Диск. Понятно, что в этом случае нам нужно автоматизировать загрузку файлов. Рассматривая YouTube как вариант, изучили API и поняли, что это реализуемо. Но все равно было 2 минуса: 1) можно загружать только видео. 2) Youtube может заблокировать любой материал, тогда он станет недоступным. Поэтому выбор хранилища был сделан в пользу Google Диска.

Конфиденциальность

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

Создание дизайна

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

Два варианта дизайна

Видео с облаками, создает ощущение полета, убаюкивает и успокаивает.

Видео дизайн

Функционал

На главной странице сервиса вы можете авторизоваться или войти.  Для регистрации пользователь должен ввести свои данные — ФИО, номер телефона, электронную почту, контактный номер и придумать пароль или войти с помощью Google Аккаунта.

Экран авторизации

Страница «Мои отложенные письма»

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

Экран мои отложенные письма

Процесс создания нового письма

Пользователь заполняет текст послания, может прикрепить документы, фото и видео. Указывает контакты получателя. Если нужно выслать письмо к определенной дате — указывает ее. Далее переходит к оплате подписки.

Экран создания письма

Оплата и оформление подписки

После создания отложенного платежа указываются реквизиты карты, если все успешно, письмо считается готовым к отправлению. Платеж происходит через виджет сервиса «Юkassa».

Контактные лица

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

Экран контактные лица

Что происходит с посланиями если пользователь не продлевает подписку

В случае если очередной платеж не приходит, существует алгоритм действий для администратора

Экран мои отложенный письма

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

Кабинет администратора

Администратор в своем кабинете может управлять клиентами, их подписками и отслеживать уведомления.

Страница «Клиенты»

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

Экран клиенты

Когда администратор переходит в карточку клиента ему доступны три вкладки: Проверка клиента, Личные данные и Данные контактных лиц.

Проверка клиента

Проверка жив клиент или нет состоит из трех шагов.  

Шаг 1. Связаться с клиентом.

В течении 7 дней администратор пытается связаться с клиентом и указывает каждый день с помощью кнопок «Да» и «Нет» результат.  Если связаться на протяжении всего времени не получилось, происходит переход ко второму шагу. 

Экран проверки клиента. Шаг 1.

Шаг 2. Связаться с контактными лицами клиента.

Администратор пытается установить связь с лицами, указанными как контактные, для выяснения статуса клиента. Каждую неделю администратор выбирает один из вариантов «Не удалось связаться с контактными лицами», «Клиент жив» и «Клиент умер».  Этот шаг выполняется в течении 8 недель. 

Когда 8 недель заканчиваются, а статус клиента остается невыясненным, сервис предложит отменить подписку. Если администратор указывает, что «Клиент жив», проверка заканчивается. Тогда он может снова предпринять попытку связаться с пользователем. Также появляется возможность отменить подписку, так как не удалось списать абонентскую плату. При выборе варианта «Клиент умер» осуществляется переход к Шагу 3.

Экран проверки клиента. Шаг 2.

Шаг 3. Отправить письма клиента.

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

Экран проверки клиента. Шаг 3.

Проверка отправки письма

Если письмо не удалось отправить по указанным email, администратору приходит уведомление. Он может повторить попытку или отправить письма контактным лицам, если пользователь дал на это согласие. 

Страница «Уведомления»

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

  1. О неудачной попытке списать абонентскую плату за письмо.
  2. О необходимости связаться с клиентом.
  3. О невозможности отправить письмо, у которого назначена конкретная дата.
Экран уведломления

На странице «Профиль» можно изменить личные данные и пароль.

Экран профиль.

Резюме

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

Приложения для грузового такси

Проблема

Есть Заказчик, который периодически формирует заявки на предоставление грузового транспорта и спецтехники. Есть авто-транспортное предприятие (АТП), которое эти услуги Заказчику оказывает. Заявки создаются и передаются в АТП с помощью Информационной системы.

Далее, АТП назначает транспортное средство (ТС) и водителя на заявку — при этом ему выдается сформированный Путевой лист. В этот лист нужно внести данные о состоянии транспорта (пробег, машиночасы, моточасы) при выезде из гаража, при прибытии на место выполнения заявки, затем при убытии с места работы и при возвращении обратно в гараж.

Зачем это нужно?

Эти данные нужны для последующей тарификации — то есть определения стоимости работ, и контроля водителей.

Путевой лист водителя ТС

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

Решение

Функционал приложения поделили на роли “Водитель ТС” и “Пользователь”.

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

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

А теперь давайте разберем подробнее.

Приложение для Водителя ТС

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

Авторизация

Для работы в приложении, нужно авторизоваться: ввести свой номер телефона и пароль.

Приложение для такси

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

Алсу Ямашева,
руководитель отдела маркетинга

Чтобы пользователь не пугался, если вдруг забыл пароль или возникли другие сложности с авторизацией, добавили ссылку на экран “Помощь”. Там будет текст с подсказкой и кнопка для звонка диспетчеру.

Приложение водителя

После успешной идентификации, Водитель видит информацию о назначенном транспортном средстве и Путевом листе.

Задания на сегодня

“Задания на сегодня” — основной экран работы Водителя. Наверху выводятся данные Путевого листа, ниже — список заданий. Они отображаются в хронологическом порядке, иконки помогают ориентироваться в статусах.

Приложение для водителя такси: просмотр заявок

Планируется сделать также второй варианта отображения — “На карте”. Те же задания будут помечены иконками на карте города, и построен маршрут между ними и внутри задания (если там несколько адресов). Сейчас реализован только вариант “Списком”.

Макет отображения на карте
Макет отображения заданий на карте

Данные выезда из гаража заполняются Пользователем — сотрудником Заказчика. Водитель может только ознакомиться с ними.

Страница с внесенными данными

Просмотр задания

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

Просмотр задания
Новое задание Водителя

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

Данные о прибытии и убытии
Просмотр данных прибытия и убытия в задании

Статистика по заданию

Для завершенного задания выводится статистика: цифры, введенные вручную сотрудником Заказчика при прибытии/убытии Водителя, сравниваются с аналогичными показателями по данным системы ГЛОНАСС (датчик находится в транспортном средстве). Расхождения выше определенной цифры подкрашиваются красным цветом.

Статистика по заданию

Трек по заданию

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

Заявка в приложении для водителя грузового такси
В итоге завершенное задание выглядит так

Нативный менеджер геопозиционирования не выдавал координаты, когда приложение было неактивно. На выяснение этой проблемы ушло довольно много времени. Пришлось пойти другим путем — сделать через Google Play Services API.

Тимур,
Android-разработчик

Уведомления

При появлении нового, отмены или изменении имеющегося Путевого листа или задания, Водитель получает соответствующее push-уведомление.

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

Просмотр уведомлений

История

История работы Водителя за последние 30 дней сохраняется. Для задания — выводится та же информация, что отображается в статусе “Выполнено”. Для Путевого листа статистика суммируется, и выводится список заданий с переходом к просмотру каждого отдельно.

История заявок водителя

На странице реализован поиск по номеру, а также расширенный фильтр по периоду и адресу.

Чат с диспетчером

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

Чат с диспетчером

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

Статистика

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

Статистика за период

Сменить пароль или разлогиниться можно на экране “Настройки”.

Настройки пользователя

Приложение для Пользователя

Пользователь — сотрудник Заказчика, который встречает и провожает водителей ТС. При этом он вносит необходимые данные транспортных средств на контрольных точках: в момент прибытия и убытия. В разных пунктах назначения могут быть свои ответственные Пользователи. И один Пользователь может встречать за день нескольких водителей.

В приложении Пользователь, как и Водитель, видит задания на сегодня. Но в его случае это информация о ТС, которые должны приехать к нему на точку: номер и марка автомобиля, дата и время прибытия. Задания распределяются по точкам (и, соответственно, Пользователям) в Информационной системе Заказчика.

Приложение для сотрудника Заказчика

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

Поиск по заданиям

Экран просмотра задания похож на аналогичный у Водителя: меняется контактное лицо, появляется кнопка «Начать задание».

Просмотр задания водителя

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

Внесение данных о прибытии и убытии

Одометр — датчик, измеряющий количество оборотов колеса. С его помощью определяется пройденный путь.

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

Машиночасы — количество реального времени работы транспортного средства.

Если это первое задание Водителя за день, то Пользователь должен сначала внести данные выезда из гаража — показатели датчиков ТС, записанные на момент выхода Водителя в смену. Они указываются механиком гаража в Путевом листе. Пользователь переносит информацию в приложение, и не может перейти к заполнению других экранов, пока данные выезда из гаража не занесены в Систему.

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

Приложение для сотрудника

В итоге взаимодействия этих двух приложений у Заказчика складывается полная картина работы водителей АТП: сохраняется история и статистика; фиксируются показатели, необходимые для тарификации; исключаются случайные или намеренные ошибки при внесении данных.

Приложение для водителей такси

Проблема

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

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

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

Решение

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

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

Макеты приложения для водителя
На первом этапе подготовили макеты интерфейса приложения

Начало работы

Заступая на смену Водитель получает рабочий планшет. Нужно авторизоваться и подтвердить назначенный на него автомобиль.

Приложение для водителя

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

Список заявок для водителя

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

Доступная по заявке информация

Обработка заявки

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

Для задания выводится примерные расстояние и время выполнения

Для экономии времени и средств, Заказчик решил отказаться от карты с навигацией по маршруту внутри приложения. Вместо этого реализовали вариант, что при клике на иконку рядом с маршрутом открывается установленное на планшет приложение Яндекс.Навигатор, в который уже «забиты» нужные нам точки начала и завершения поездки.

Алсу Ямашева,
руководитель отдела маркетинга

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

Дополнительные возможности

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

История заявок водителя в приложении

Все уведомления системы собираются на экране «Уведомления». Для общения с Диспетчером имеется чат. При возникновении чрезвычайной ситуации Водитель может быстро запросить помощь через кнопку «SOS».

Чат и уведомления в приложении

Mockup PSD создан(а) freepik — ru.freepik.com

Мобильные приложения для стартапа “ViCard”

Проблема

При работе над стартапом приходится сталкиваться с определенными проблемами. Основная — это постоянно меняющиеся требования. 

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

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

Идея

Не секрет, что уже существуют приложения для обмена визитками. Чтобы стать востребованным, ViCard должен предложить пользователям что-то новое. Такой “фишкой” стал обмен данными по NFC.

NFC (Near Field Communication) — технология беспроводной высокочастотной связи малого радиуса действия (до 10 см), позволяющая осуществлять бесконтактный обмен данными между устройствами, расположенными на небольших расстояниях

С NFC вы сталкиваетесь при безналичной оплате картой или смартфоном. И по сути это стандартная передача данных. Заказчик подумал: “Если мы можем передавать платежную информацию, то почему бы не сделать передачу контактной информации?”

Мы взялись за изучение задачи.

Аналитика

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

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

Далее продумали сценарии использования. На их основе составили Техническое задание и подготовили макеты экранов.

Макеты мобильного приложения

Решение

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

Авторизация в мобильном приложении

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

Регистрация в приложении

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

Мобильные приложения для стартапа: список визиток и расширенный поиск

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

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

Задать теги для визиток

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

Мобильные приложения для стартапа: просмотр визитки

Создание своей визитки

Для того, чтобы передать визитку, ее нужно сначала создать. Обязательным является только имя, остальные поля заполняются по желанию. Это сделано для того, чтобы создать и передать свою карточку можно было менее, чем за 1 минуту.

Мобильные приложения для стартапа: создание электронной визитки

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

Экраны справочников

Настройки дизайна

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

Мобильные приложения для стартапа: настройки дизайна визитки

Можно изменить цвет фона и текста, с помощью ползунков менять их яркость, насыщенность и оттенок.

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

Мобильные приложения для стартапа: настройки дизайна визитки

Для каждой текстовой строки доступно свое форматирование: шрифт, жирность/курсив.

Мобильные приложения для стартапа: настройки дизайна визитки

Все настройки дизайна понятны интуитивно. Управление внешним видом визитки на данный момент доступно только на iOS.

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

Профиль пользователя приложения

Обмен визитками

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

Мобильные приложения для стартапа: обмен электронными визитками

Если оба устройства (которое передает и которое принимает визитку) поддерживают NFC, то отправить визитку можно бесконтактным способом. Для этого нужно лишь поднести смартфоны друг к другу и “свайпнуть” визитку наверх.

Готово! Вы обменялись визитками за пару секунд!

Мобильные приложения для стартапа: обмен визитками через NFC

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

Для пользователей, устройства которых не поддерживают NFC, есть стандартные способы: через считывание QR-кода или отправить ссылку на добавление с помощью имеющихся на устройстве мессенджеров, соц. сетей или почты — кнопка “Поделиться визиткой”.

Если  пользователь получил входящую визитку, то передать этому контакту свою можно даже еще быстрее, чем по NFC: с помощью кнопки “Отправить визитку в ответ”.  В этом случае информация передается через сервер.

Передача визитки в ответ

Дизайн всех экранов для iOS проработан отдельно.

Дизайн приложения для iOS

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

Но уже сейчас можно создавать электронные визитки и обмениваться ими в одно касание! А главное, такие визитки не будут теряться, в отличие от бумажных.

Видео о проекте

Интервью основателя проекта ViCard для Фонда Поддержки Предпринимательства Республики Татарстан:

Онлайн-сервис для расчета натальной карты и бодиграфа

Проблема

Проблема состояла в том, что мы ничего не понимаем в Астродизайне. И решая один вопрос, получали 10 новых.

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

Стало понятнее? Не очень. 

С твердым намерением разобраться в этих космических картах мы перешли к решению проблемы.

Решение

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

Внимание: сложный для понимания текст! Можете его не читать, просто примите как данность, что программирование — это магия.

Определяем координату места рождения, часовой пояс и рассчитываем время рождения человека по Гринвичу. С помощью Швейцарских эфемерид (таблицы положения планет на каждый день XIX-XXIV века) получаем расположение нужной планеты на полночь по Гринвичу для указанной даты, определяем скорость движения планеты. Вычисляем путь, который прошла планета от полуночи до времени рождения человека (все по Гринвичу). Прибавляем последний результат к положению планеты на начало дня рождения и вуаля — получаем нужную нам координату!

Размещаем планеты на круге, рассчитываем координаты недостающих и мнимых планет: например, у нас есть данные для Северного узла, но нет для Южного. Известно, что угол между ними 180°, этого достаточно, чтобы расположить Южный узел на карте.

Натальная карта

На круге есть Дома (обозначены римскими цифрами) и 64 сектора Ворот. Каждые Ворота имеют 6 Линий ворот и находятся внутри одного из двенадцати Знаков Зодиака.

Расположение всех этих элементов также зависит от дня, времени и места рождения человека. Есть специальные таблицы, для определения координат каждого из этих элементов, их мы и используем для расчетов.

Координаты планет, полученные на дату рождения пользователя, относятся к понятию «Личность». Дополнительно по такому же алгоритму рассчитываются и размещаются на карте данные для «Дизайна» — на дату за 88 дней до дня рождения.

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

Натальная карта

Транзит

Карта Транзита строится в дополнение к Натальной карте и рассчитывается аналогично, но на текущие дату и время, и местоположение пользователя в настоящий момент.

Бодиграф

Бодиграф — это изображение человека, на котором располагаются фиксированные Центры и Каналы. Они раскрашиваются определенными цветами, в зависимости от того, какая планета в какие Ворота попала.

Расчет бодиграфа
Бодиграф и натальная карта на одном круге.

Расшифровка

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

Интерфейс

Построить индивидуальную карту можно бесплатно: нужно ввести лишь данные рождения.

Стартовая страница онлайн-сервиса

Но возможности бесплатного и платного тарифов отличаются.

Тарифы на пользование онлайн-сервисом

При бесплатном использовании нельзя построить Натальную карту, Бодиграф и Транзит одновременно на одной карте.

Расчет астродизайн-карты
Расчет карты для бесплатного тарифа.

Чтобы пользоваться PRO-тарифом нужно авторизоваться и оплатить услугу.

Страница авторизации пользователя

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

Платные возможности онлайн-сервиса

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

Сохранение карты в Личном кабинете
Личный кабинет пользователя

На сайте есть блог с полезными статьями по теме Астродизайна. Управление контентом происходит из Кабинета администратора.

Блог онлайн-сервиса

Возможности администратора сервиса

В Кабинете администратора ведется база всех пользователей с информацией о подключенном тарифе, дате окончания платного тарифа и примененном промокоде (если такой был).

База клиентов онлайн-сервиса

Администратор может сгенерировать промокод, который дает скидку 25% при покупке платного тарифа, и передать его пользователю сервиса. Один промокод может быть использован только один раз.

Генерация промокодов Администратором
При оплате можно применить промокод

Администратор добавляет и редактирует статьи для блога. А также управляет тем, кто будет иметь доступ к этой статье.

Управление статьями в Кабинете администратора сервиса

Результат

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

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

Мобильное приложение для записи на автомойки «iCherga»

Проблема

До этого мы уже делали подобное мобильное приложение для записи на услуги автомоек — АвтомойкиРУ. Поэтому создание сервиса iCherga не вызвало проблем. Единственное: АвтомойкиРу были разработаны 5 лет назад. Поэтому еще раз проработали вопросы UX и дизайна.

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

Решение

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

Авторизация в мобильном приложении

После авторизации приложение запрашивает доступ к геолокации и определяет местоположение пользователя.

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

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

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

Быстрая онлайн-запись на услуги

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

Для перехода к другим экранам приложения нужно открыть меню.

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

Карточка фирмы в мобильном приложении

Чтобы записаться на автомойку, нужно выбрать дату, время и услуги. Если включить галку «Запомнить выбранные услуги», в следующий раз при записи на эту мойку приложение автоматически выберет такой же набор. Удобно, ведь клиенты обычно пользуются одними и теми же услугами.

Мобильное приложение для записи на автомойки города

Клиент может отменить запись, если передумал. После подтверждения записи, доступна функция «Проложить маршрут»: открывается приложение «Google Maps» с построенным до мойки маршрутом.

История онлайн-бронирований

На экране «Мои записи» отображается вся история бронирования. Можно также отменить или проложить маршрут, если это активная запись. Или оставить отзыв о полученных услугах.

История бронирований в приложении

Приложение уведомляет пользователя о новостях сервиса и специальных предложениях и скидках автомоек.

Новости и скидки в мобильном приложении
На экране «Помощь» можно связаться с тех. поддержкой сервиса удобным способом.

Личные данные и настройки приложения пользователь может изменить на экране «Настройки». Здесь же можно добавить больше автомобилей.

Настройки мобильного приложения

Мобильное приложение для записи на автомойки «iCherga» доступно для скачивания в Украине в AppStore и Google Play.

Мобильное приложение для записи на услуги
Мобильная CRM для клининга

Проблема

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

Важный момент – мобильность: нужно было предусмотреть постоянный доступ сотрудников к этому инструменту. Так была разработана мобильная CRM для клининга SimpleFSM.

Решение

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

CRM для клининга: авторизация в приложении

Основная зона действия – экран «Schedule» (График), который состоит из трех вкладок: «Calendar» (Календарь), «Map» (Карта) и «Tasks» (Задачи) .

На вкладке «Calendar» отображается занятость каждого сотрудника на определенный день. На вкладке «Map» — его заявки на карте и оптимальный маршрут между ними.

Во вкладке «Tasks» Администратор и Менеджер могут посмотреть все задачи исполнителей, размещенные в 12- или 24-часовом графике (в зависимости от выбранных настроек). Распределение задач на круге позволяет видеть, в какие часы исполнитель занят и когда свободен.

График работ и список заявок в мобильной CRM

Техник на экране «Schedule» видит информацию о назначенных на него заявках, может запросить или отменить выходной.

Календарь для исполнителя

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

Отображение занятости исполнителя

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

Создание и редактирование заявок в мобильной CRM

Из вкладки «Tasks» можно попасть на страничку «Client’s info», чтобы посмотреть и/или отредактировать данные о клиенте. Здесь находятся контакты заказчика, информация о его событиях и задачах, история изменения статуса заявок и ход их выполнения. Также можно посмотреть историю звонков и прослушать их записи. К каждому заказчику можно прикрепить разные файлы (документы, картинки и др.), выбрав их в окне «Files».

Информация о клиенте и его заявках

Список всех клиентов находится на экране «Clients». Последние уведомления можно посмотреть на страничке «Notifications».

База клиентов и активные уведомления

На страничке «My Account»  можно изменить свои личные данные, а на экране «Settings» задать настройки: включить/выключить автоматическую запись звонков и сохранение контактов заказчика в телефонную книгу, выбрать тип отображения для экрана «Tasks» и отрегулировать другие параметры.

Настройки мобильной CRM-системы

Возможность добавления новых пользователей есть только у Администратора и Менеджера. Они могут менять данные об исполнителях на страничке «Edit Staff». 

База сотрудников в CRM-системе

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

Список заявок исполнителя

Администраторам также доступна веб-часть системы, разработанная для работы с компьютера. Веб-интерфейс позволяет работать с пользователями SimpleFSM, добавлять новых клиентов и управлять их лицензиями – доступом к мобильному приложению. 

Веб-часть для администратора сервиса

Для более детального знакомства с системой мы также разработали лендинг.

Страница с описанием сервиса
Сервис онлайн-записи на услуги «Аквазона»

Проблема

Заказчик обратил внимание на то, что в интернете нет удобной системы для сравнения и онлайн-бронирования городских водных объектов. 

У бань, саун и других подобных организаций не всегда есть собственный веб-сайт. Если и есть, в основном это – лендинги-одностраничники, на которых мало информации и нет возможности записаться на услугу через интернет. Онлайн-бронирование – удобный и современный инструмент, к которому привыкли практически все. Это проще и быстрее, чем звонить и уточнять информацию по телефону. Особенно когда хочется сравнить несколько предложений. 

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

Сервис станет удобным решением и для организаций – у них появится своя страничка, которая заменит полноценный веб-сайт. Здесь будет собираться их целевая аудитория – пользователи, заинтересованные в услугах акваобъектов города. Компания получит эффективный инструмент для работы с заявками.

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

Решение

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

Возможности веб-сервиса

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

Выбор города в веб-версии

На главной странице сервиса есть многочисленные фильтры, которые позволяют подобрать лучший вариант с учётом пожеланий пользователя. Можно посмотреть рейтинг и предпочтительное время работы объекта, добавить понравившиеся варианты в закладки. Организации, которые купили платный тариф, выделяются цветом.

Главная страница сервиса: список объектов и фильтр по ним

Пользователь может выбрать вариант отображения – в виде плитки или списка.

На странице объекта имеется полная информация об организации: подробное описание, фотографии, актуальные акции, время работы и контакты для связи.

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

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

Бронирование услуги

На странице «Скидки и Акции» можно посмотреть все специальные предложения от акваобъектов.

Список всех акций сервиса

Все заявки пользователя сохраняются в истории его бронирований.

История бронирования пользователя
История онлайн-записи сохраняется для авторизованного пользователя.

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

Мобильная версия сервиса
Расположение элементов в мобильной версии отличается от основной. Сделано с учетом удобства использования с мобильных устройств.
Мобильное приложение для записи на услуги «Аквазона»

Проблема

Любая онлайн-услуга становится популярнее, когда у неё появляется удобная мобильная версия. Лучший вариант — мобильное приложение, которое доступно всегда и везде, а для получения услуги при этом требуется минимум действий. 

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

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

Мобильное приложение для записи на услуги бань и саун

Решение

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

Список организаций в приложении и поиск по фильтрам

Каждая категория выделяется своим цветом, это помогает пользователю ориентироваться в приложении.

Категории в мобильном приложении для записи

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

Выбор организации на карте
Цветовое разделение действует и на карте.

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

Страница организации в мобильном приложении для записи на услуги
Если организация имеет несколько точек, она является комплексом. Страница комплекса аналогична странице организации, меняется лишь цвет шапки экрана.

Актуальное расписание, цены и свободное для бронирования время подтягиваются из Кабинета организации.

Онлайн-бронирование в приложении

Пользователь выбирает интересующую дату, время и оформляет бронь.

Процесс бронирования в мобильном приложении

Для завершения бронирования нужно подтвердить номер телефона.

Подтверждение онлайн-бронирования

В приложении также можно просматривать акции акваобъектов, сохранять интересные варианты в избранное и отслеживать историю своих бронирований.

Кабинет пользователя в мобильном приложении для записи на услуги

Мобильное приложение доступно в AppStore и Google Play.

Мобильное приложение для записи на услуги
ShustrikoffCRM: программа для грузоперевозок

Проблема

Заказчик обратился к нам сразу с тремя острыми бизнес-проблемами: 

  1. Большие временные затраты на работу с заявками. Учет клиентов велся в Excel, а стоимость заявки рассчитывалась вручную.
  2. Сложности с обучением персонала. Новых сотрудников приходилось долго обучать правилам расчета заявок.
  3. Неэффективное распределение времени сотрудников. Были трудности с грамотным назначением исполнителей из-за непонимания степени их занятости.

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

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

Адель Ямашев,
генеральный директор

Решение

Разработали программный комплекс, состоящий из удобного веб-приложения для персонала предприятия и мобильного приложения для исполнителей. Функционал веб-приложения продуман таким образом, чтобы решить все основные проблемы заказчика:

  • кабинет диспетчера для приема и обработки заказов;
  • кабинет бухгалтера для расчета зарплат и кассы;
  • кабинет администратора для контроля всех процессов.

Функционалу мобильного приложения мы посвятили отдельную статью.

Функции, доступные диспетчеру грузоперевозок

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

Программа для учета грузоперевозок: стартовая страница диспетчера
В ERP для грузоперевозок важна оперативность каждой операции

Диспетчер принимает звонок от клиента и формирует в системе заявку, обозначая все параметры заказа.

Страница новой заявки в системе для грузоперевозок
Так выглядит новая заявка

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

Расчет стоимости грузоперевозки в зависимости от адресов
Расчет километража позволяет правильно вычислить конечную стоимость

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

Добавление услуги в заявку на перевозку груза
Здесь выбран вид услуги «Грузоперевозки»

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

Блок с оплатой в ERP-системе для грузоперевозок
При создании заявки можно отметить, что предоплата обязательна. В этом случае система проконтролирует факт ее внесения.

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

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

Программа для грузоперевозок: удобная навигация по заявке

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

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

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

Назначение рабочего на заявку - одна из основных функций ERP-системы

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

Учет исполнителей в программе

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

Учет исполнителей в программе

Эти параметры подгружаются автоматически из мобильного приложения исполнителей, но при желании их можно обозначить и вручную. Как только все рабочие завершат работу, заявка приобретет статус «Завершена».

Расчет заработной платы исполнителей и касса

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

Автоматический расчет заработной платы исполнителей
Фильтры позволяют удобно отсортировать данные на странице

График работы исполнителей

Специалист по кадрам видит Базу исполнителей — таблицу с указанием часов их работы. 

Удобный график работы сотрудников в ERP-системе для грузоперевозок
Табличка показывает, когда исполнители бывают заняты и в какое время отдыхают

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

Заполнение графика работы сотрудников в программе для грузоперевозок
При нажатии на ФИО исполнителя программа переводит вас в его карточку. Тут можно добавить личную информацию, выбрать категорию и смены.

Администрирование приложения для грузоперевозок

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

Управление справочниками в программе учета грузоперевозок
Так выглядит справочник в программе для грузоперевозок

Здесь же можно отметить места и районы, для которых действуют надбавки.

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

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

Мобильное приложение для грузоперевозок

Проблема

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

До внедрения CRM-системы операторы не могли отследить местонахождение и степень занятости исполнителей.

Решение

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

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

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

Мобильное приложение для исполнителя
Так выглядят меню и стартовая страница с уведомлениями

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

Просмотр информации по заявке в мобильном приложении
Страница с подробными данными о заявке

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

По окончании работ исполнитель нажимает кнопку «Завершено». Информация о времени начала и завершения отправляется в веб-часть системы и доступна к просмотру в кабинетах диспетчера и администратора.

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

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

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

Результат

Мобильное приложение существенно упростило работу исполнителя и оператора. 

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

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

Кабинет организации: календарь заявок и управление контентом

Проблема

Кабинет организации — один из ключевых элементов сервиса «Аквазона» и важная часть услуги бронирования акваобъектов. Планируется, что из площадки для размещения информации он превратится в полноценную CRM-систему – мощный инструмент для генерации продаж и аналитики. 

Администратор акваобъекта не всегда является уверенным пользователем ПК, и это нужно учесть при разработке кабинета. Интерфейс веб-приложения должен быть максимально понятным и удобным.

Решение

На стартовой странице Кабинета организации отображаются все актуальные заявки на бронирование с разделением по точкам (если у организации есть несколько объектов). 

Отображение заявок на стартовой странице Кабинета организации

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

Новая заявка в кабинете организации

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

Редактирование заявки от клиента

Администратор может подтвердить или отклонить заявку. Неподтвержденные заявки помечаются в общем списке заявок (на календаре) восклицательным знаком Неподтвержденная заявка.

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

Подтвержденная заявка

Чтобы средства переходили на счет организации, администратор сервиса указывает его номер в карточке компании. Эквайринг реализован через сервис Монета.ру. Информацию о всех оплатах клиентов (как успешных, так и неудачных) можно просмотреть на странице «Оплаты».

Информация об оплатах по заявкам

В разделе «Кабинет» администратор может заполнять и редактировать информацию об организации.

Редактирование информации об организации

В разделе «Описание» можно менять контакты и текст о компании, добавлять и редактировать фотографии объектов в галерее.

Заполнении галереи

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

Заполнение данных по объекту в личном кабинете организации

При создании или изменении объекта администратор выбирает характеристики, которым соответствует баня или сауна. Данные для заполнения и варианты ответа задаются администрацией сервиса. 

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

Заполнение данных о графике работ и ценах

На странице «Акции» можно разместить информацию о скидках и специальных предложениях. Пользователи увидят их в соответствующем разделе клиентской части сервиса.  

Предусмотрена возможность платного «поднятия» акции. Это услуга, которая позволяет компаниям привлечь больше внимания к своему предложению. После того, как компания оплатит услугу, ее акции поднимутся в «топ» и в течение месяца будут отображаться в самом начале списка спецпредложений. Администратор организации может запланировать будущие акции и возобновлять завершенные.

Управление акциями и скидками
Платное поднятие акций — один из способов продвижения компании.

На странице «Работники» администратор может добавить список сотрудников организации. Эта информация будет носить справочный характер. 

На странице «Клиенты» выводится список пользователей, которые оставляли заявки на бронирование. Отображается общее число и количество успешных заявок, а также статус клиента, основанный на истории его действий. 

Общая база клиентов организации

На странице «Отчет» можно просмотреть список всех заявок за день и отследить их динамику. Это позволяет удобно анализировать результаты рекламы и/или другой маркетинговой активности.

Статистика заявок в кабинете организации

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

Статистика заявок в разрезе используемых устройств

В разделе «Отзывы» можно мониторить отзывы клиентов и отвечать на них. 

Управление отзывами о компании в кабинете

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

Кабинет организации: возможности платных тарифов

На странице «Реклама» можно ознакомиться с дополнительными возможностями сервиса для привлечения пользователей. Система автоматически отслеживает факт оплаты, получение рекламной услуги и процесс ее исполнения.

Дополнительные рекламные возможности в кабинете организации

Кабинет организации в системе «Аквазона» – ценный помощник для владельцев городских акваобъектов.  Он позволяет минимизировать трудовые ресурсы компании, сократить временные и денежные затраты. Это не только удобный способ работы с заявками, но и ценный инструмент для привлечения новых клиентов и отслеживания основных показателей эффективности.

iCherga: автоматизированная система учета для автомойки

iCherga — это сервис онлайн-записи на автомойки для пользователей и автоматизированная система учета для организаций. С помощью мобильного приложения пользователь выбирает мойку (по цене, удаленности или другому критерию) и записывается на услуги. 

Но как те или иные мойки попадают на карту в приложении пользователя? Их нужно зарегистрировать в сервисе. А для управления контентом, услугами и ценами, обработки заявок понадобится Кабинет организации.

Заказчик решил не ограничиваться минимальным набором функций для компаний. Была поставлена задача — создать многофункциональную систему, объединяющую в себе возможности CRM и ERP, которая позволит контролировать все процессы автомойки: от получения заявок до загруженности персонала. То есть компания получит все нужные ей для работы возможности и даже больше, просто зарегистрировавшись в сервисе!

«Амбициозно», — скажете вы? «По нашему!», — ответим мы.

Проблема

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

Возможно, со стороны Заказчика, это выглядит не как проблема, а как экономия. Но, чтобы это действительно стало экономией, для разработки такого крупного программного комплекса необходимо:

  1. хорошо анализировать задачи;
  2. затем проанализировать еще раз;
  3. проанализировать, не забыли ли мы что-то проанализировать.

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

Решение

Пойдем по порядку, чтобы ничего не упустить.

Регистрация мойки

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

Здесь же можно зайти в свой Кабинет или зарегистрировать автомойку.

Система учета для автомойки: регистрация

После успешной отправки заявки, на указанную электронную почту высылаются доступы к Кабинету. Пользователь, создавший профиль организации, получает роль «Директор».

Заявки и клиенты

На стартовой странице Кабинета отображаются все заявки на выбранный день, в разрезе по боксам. 

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

Такой способ отображения заявок позволяет легко ориентироваться в загруженности боксов.

Система учета для автомойки
Система учета для автомойки: отображение всех заявок на одной странице

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

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

Создание новой заявки в системе

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

Можно настроить голосовые или sms уведомления, чтобы не пропустить входящие заявки. А также уведомления на почту.

Настройка уведомлений

Данные по всем клиентам автомойки собираются в Базу клиентов.

Список клиентов компании
Список всех клиентов компании
Список клиентов компании
Список всех клиентов компании
Управление данными о клиенте
Карточка клиента в Базе

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

Настройки компании

В первую очередь необходимо заполнить основную информацию о компании: наименование, контакты, описание и фото.

Заполнение информации о компании

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

График работы компании

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

Справочник групп автомобилей

В системе уже имеются стандартные группы. Можно использовать их, или создать свои.

Редактирование группы автомобилей

Услуги автомойки создаются и редактируются на странице «Услуги». Нужно задать наименование, цену и длительность, указать группу автомобилей. Можно выбрать, на какие услуги доступна запись через мобильное приложение.

Управление услугами компании

На странице «Система лояльности» происходит выбор и настройка системы скидок для клиентов.

Настройки системы лояльности

На странице «Скидки» можно создать новость о скидках и акциях компании. Она появится в мобильном приложении для информирования пользователей сервиса.

Добавление скидок и акций

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

Роли «Директор» и «Администратор» уже созданы, и удалить их нельзя. Им задаются индивидуальные настройки доступа: включаются или выключаются определенные разделы.

Управление настройками доступа в систему

На странице «Персонал» добавляются сотрудники мойки. 

Для роли «Администратор» нужно указать email — он будет логином при входе в программу. А сотрудника с ролью «Исполнитель» можно закрепить за определенным боксом — тогда при создании заявки он подставляется автоматически как исполнитель, если выбран этот бокс.

Список персонала компании

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

Просмотр отзывов клиентов

Услуги сервиса iCherga платные для организаций, стоимость зависит от выбранного тарифа. Пополнять баланс и следить за списаниями средств можно на странице «Баланс».

Информация о балансе

Аналитика

Система учета для автомойки имеет раздел «Аналитика», где собирается статистика по важным для компании показателям. 

Например, выручка: общая выручка, средний чек, выручка по дням недели, по категориям автомобилей и способам оплат.

Отображение статистики по выручке компании

Отчеты по заявкам:

Статистика по заявкам

Данные по загруженности автомойки:

Данные о загруженности автомойки

Все отчеты можно выгрузить в Excel.

Вывод

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

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

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

Mockup PSD создан(а) freepik — ru.freepik.com

CRM для цветочного магазина

Проблема

К нам обратился руководитель салона цветов. Он не мог подобрать удобную CRM для цветочного магазина из-за специфики бизнеса и установленных процессов. А без программы вести учет было сложно: заявки путались и нередко терялись.

Было решено разработать собственную CRM, которая подстроиться под особенности компании и автоматизирует уже существующие бизнес-процессы.

Решение

Основной экран

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

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

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

Стартовая страница CRM для цветочного магазина
Стартовая страница CRM для цветочного магазина

Если этого не достаточно, есть расширенный поиск:

Расширенный поиск по всем заявкам

Календарь имеет 2 варианта отображения. При выборе варианта «Список» можно выгрузить все или некоторые заявки в PDF или Excel файл. А также распечатать стикеры для выбранных заявок нажатием одной кнопки.

Стикер — ярлык с указанием основной информации о доставке, который крепится на букет. Его можно распечатать на бумаге стандартного формата (А4), или на чековой ленте.

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

Иконка чата в правом нижнем углу экрана — это «Мультичат». С его помощью в одном месте собираются обращения клиентов из разных источников: соц.сетей, сайта и входящие звонки через сервис Mango Office. Функционал «Мультичата» описан отдельно.

Заявка

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

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

Менеджер вносит информацию о сумме, предоплате и/или скидке.

Создание новое заявки в CRM для цветочного магазина
Создание новое заявки в CRM для цветочного магазина

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

Статусы заявки в CRM
Статусы заявки в CRM

Передвижения заявки также можно отследить в Истории изменений: указывается дата, время, статус и автор изменения.

История изменений заявки

Клиенты

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

База клиентов в CRM
База клиентов в CRM

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

Карточка клиента

Иконкой менеджер салона может обозначить свои впечатления от клиента 🙂

Эмодзи

Отчеты

Администратор имеет много дополнительных возможностей: отчетов и сводок.

Например, на странице «Календарь» выводится выручка на каждый день месяца, с разбиением по способу доставки.

 Выручка по способам доставки

В разделе «Расписание» задается  график работы сотрудников — сразу видно, кто сегодня на смене.

График работ сотрудников
Изменение данных о графике работ

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

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

Отчеты для администратора

Управление

Вкладка «Управление» открывает доступ к дополнительным сводкам для руководителя бизнеса.

Внесение расходов компании
Дополнительные возможности руководителя в CRM для цветочного

Здесь вносится информация о планируемых расходах компании.

Внесение расходов компании

Отображаются фактические расходы по категориям и способу оплаты.

Внесение расходов компании

Задаются лимиты расходов и ведется справочник категорий.

Справочник категорий

Страница «Выручка» похожа на «Календарь» для администратора, но сумма выручки делится по способу оплаты.

Данные о выручке компании

В разделе «Справочники» ведется список сотрудников, задаются их логины и пароли для входа, для менеджеров указывается внутренний номер Mango-телефонии.

Редактирование информации о пользователе CRM

Также здесь добавляются виды открыток и упаковки.

Редактирование справочников

На отдельной странице находятся настройки «Мультичата».

Результат

Мы изучили и автоматизировали имеющиеся бизнес-процессы и особенности компании. 

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

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

Flower PSD создан(а) freepik — ru.freepik.com

Мобильное приложение с рецептами

Проблема

Приложение рассчитано на 2 типа пользователей:

  1. те, кто употребляет смузи, чтобы достичь определенной цели (похудеть, очистить организм);
  2. те, кто хочет приготовить смузи из имеющихся под рукой ингредиентов.

При разработке нужно учесть потребности и тех, и других.

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

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

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

Решение

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

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

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

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

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

Если рецепт понравился — добавляй в Избранное.

Так выглядят страницы авторизации, регистрации и настройки.

Страница с текстовой информацией и внешний вид уведомления. Создание и рассылка уведомлений происходит через Кабинет администратора.

Кабинет администратора

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

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

Контент заполняется на двух языках

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

Создание рецептов в кабинете администратора

Администратор создает новые уведомления и выбирает список пользователей для рассылки. Можно разослать всем зарегистрированным или определенным пользователям, разделять тех, кто пользуется русской или английской версией. История рассылки сохраняется.

Рассылка push-уведомлений из кабинета администратора
Программа для сбора заявок из соц.сетей «Мультичат»

Проблема

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

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

Менеджеру нужно постоянно мониторить все источники, тратить время на переключение между ними. Он дольше отвечает, может забыть про обращение или потерять его.

Для решения проблемы добавили в CRM-систему «Мультичат». Это программа для сбора заявок из разных источников в одном месте.

Решение

На стартовой странице CRM-системы появилась иконка чата. По умолчанию чат свернут, чтобы не мешать работе Оператора. На иконке выводится количество непрочитанных сообщений.

Иконка чата для сбора заявок

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

Единая программа для сбора заявок

При клике на диалог в списке, открывается история переписки.

Вся переписка с клиентом хранится в чате

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

Переход к заявке из диалога

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

Создание нового клиента из диалога

Для приема входящих звонков сделана интеграция с сервисом Mango Office. Когда клиент звонит на телефон компании, Оператор видит информацию о входящем звонке в CRM-системе. Перейти к созданию новой заявки или к просмотру последней можно из карточки звонка.

Карточка входящего звонка в CRM-системе

Запись входящего звонка сохраняется в диалоге с клиентом и ее можно прослушать.

История звонков хранится в программе

В итоге в чате собирается вся информация об общении менеджера компании и клиента в хронологическом порядке.

Итог: единая система учета заявок

Мессенджер, соц. сеть или аккаунт, с которого написать клиенту, Оператор выбирает внутри диалога.

Доступные аккаунты Мультичата
Три иконки ВКонтакте обозначают разные источники: от имени группы, с личной страницы, или в комментариях к посту.

Управление подключенными мессенджерами и аккаунтами происходит на странице «Настройки чата» и доступно только Администратору.

Страница с настройками единого чата

Здесь он подключает аккаунт WhatsApp, задает логин / пароль от страницы ВКонтакте. Группы, доступные для управления, подтягиваются автоматически, нужно выбрать одну из них.

Выбор группы ВКонтакте для подключения к сервису

Результат

Программа «Мультичат» позволяет собирать заявки из всех источников компании в одном месте, вести единую базу клиентов и общую историю обращений.

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

Кабинет администратора сервиса «Аквазона»

Проблема

Мы реализовали веб-сервис «Аквазона» для бронирования бань и саун, а также удобный кабинет для организаций.

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

Чтобы следить за качеством и улучшать работу «Аквазоны», нужен доступ к аналитическим данным сервиса. Его также нужно предусмотреть в кабинете администратора.

Решение

Открыв кабинет, администратор попадает на страницу «Организации», на которой отображается список всех акваобъектов. Можно посмотреть список по городам.

Кабинет администратора: управление списком организаций сервиса
Стартовая страница администратора сервиса.

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

Редактирование данных организации в кабинете администратора
Так выглядит карточка организации.

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

Чтобы оперативно отслеживать изменения организаций, предусмотрена страница «Обновления». Все данные подгружаются в виде таблицы с пометкой о том, что конкретно было изменено.

Управление обновлением данных сервиса в кабинете администратора

Когда организация регистрируется, она не будет отображаться в сервисе, пока заявка не будет одобрена администратором. Все заявки новых организаций выводятся на странице «Неодобренные».

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

Данные о просмотрах по организациям можно просмотреть на странице «Статистика».

Кабинет администратора: статистика заявок с сервиса по организациям

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

Отчет об оплатах сервиса за период

Администратор также управляет тарифами и стоимостью платных услуг — эта функция доступна на странице «Тарифы». Для каждого города можно устанавливать свою стоимость.

Список тарифов и услуг сервиса
Платные тарифы и услуги — основное средство монетизации сервиса.

В разделе «Справочники» задают типы данных, которые будет указывать организация при регистрации в сервисе. 

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

Заполнение справочников администратором сервиса

Также в Кабинете администратора отображается информация о пользователях сервиса и их ролях. Администратор может менять эти данные или удалить пользователя из сервиса. 

Кабинет администратора: список пользователей сервиса

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

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

Управление слайдером на главной странице сервиса через кабинет администратора

В разделе «Заявки» администратор может просмотреть все созданные заявки и их статусы. Если у организации возникнет проблема с заявкой, администратор сможет отследить причину и оперативно решить её.

Управление заявками через кабинет администратора