Helper app

Helper — это современная и гибкая CRM-система, изначально созданная для компаний сферы ухода и красоты. Основная цель продукта — оптимизировать рабочие процессы салонов, парикмахерских, СПА-центров и других предприятий индустрии, чтобы они могли повысить качество обслуживания клиентов, упростить рутинные операции и сократить операционные издержки. Наша команда Avada Media с нуля создала веб-версию CRM Helper, а затем, учитывая растущий мобильный трафик, приступила к разработке полнофункционального мобильного приложения на базе фреймворка Flutter.

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

Когда веб-версия CRM Helper доказала свою успешность, клиент заметил значительный рост мобильного трафика — он превысил 50%. Этот факт стал ключевым поводом для создания самостоятельного мобильного приложения, которое могло бы предоставить больше возможностей и комфорта конечным пользователям.

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

• Повысить удобство доступа к сервису — пользователь получает быстрый и постоянный доступ к CRM, не завися от браузера.
• Оптимизировать производительность — нативные функции телефона и внутренние механизмы мобильных платформ часто работают быстрее, чем веб-решения.
• Сделать использование CRM Helper еще более гибким — благодаря push-уведомлениям, нативному интерфейсу и другим специализированным функциям мобильных платформ.

Основные задачи, поставленные перед нами

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

1. Исследовать пользовательские сценарии: выяснить, какие функции необходимы для ежедневной работы салонов красоты, какие модули будут использоваться чаще всего и какие из них целесообразно перенести из веб-версии, а какие оставить только там.
2. Составить архитектуру приложения: продумать, как каждый раздел CRM должен функционировать в рамках мобильного интерфейса, и какие модули будут доступны только в вебе.
3. Разработать кроссплатформенное решение для iOS и Android — чтобы охватить всю целевую аудиторию, минимизировать затраты на разработку и сократить сроки выхода продукта на рынок.
4. Обеспечить простоту управления и администрирования: наладить тесную связь между мобильным приложением и веб-версией, чтобы пользователи могли свободно переключаться без каких-либо ограничений в функциональности или необходимости дублировать данные.
5. Провести серию тестирований и отладку — создать приложение с плавным, интуитивно понятным интерфейсом и оптимизированными процессами для сферы ухода и красоты.
6. Подготовить и выпустить приложение в App Store и Google Play — с учетом всех требований и регламентов площадок распространения.

Технологии и инструменты разработки

Для реализации мобильного приложения мы выбрали Flutter. Это кроссплатформенный фреймворк, позволяющий писать единый код и собирать из него приложения как для Android, так и для iOS. Данный подход дает ряд преимуществ:

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

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

Интеграция с веб-версией и единая панель управления

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

Для управления всеми аспектами CRM Helper (мобильная и веб-версии) используется единая админ-панель доступная пользователю. Она позволяет:

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

Функции и возможности мобильного приложения Helper

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

Ключевые функциональные модули в мобильном приложении:

График посещений

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

Управление филиалами

• Добавление новых филиалов или редактирование существующих.
• Оперативное переключение между филиалами и просмотр актуальной информации по каждому.

Просмотр дневного баланса

• Анализ денежных поступлений за текущий день.
• Возможность сортировать данные по филиалам или конкретным сотрудникам.

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

• Общий реестр всех клиентов компании с контактными данными и краткой историей взаимодействия.
• Быстрый вызов клиента одним касанием (через встроенный телефонный интерфейс).

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

• Отображение сотрудников и мастеров, их расписание и текущий статус.
• Инструменты для добавления новых специалистов и редактирования информации о текущих сотрудниках.

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

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

Финансы

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

Аналитика и статистика

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

Настройки

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

Уникальные функции и преимущества мобильной версии

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

Push-уведомления

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

Возможность нативных звонков

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

Нативные виджеты в UI

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

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

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

При работе над Helper app мы следовали гибким методологиям (agile-подход), что позволило:

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

Ключевые этапы:

1. Аналитика и планирование: сбор информации о пользовательском опыте, определение структуры приложения и его основных экранов.
2. Проектирование интерфейсов: создание макетов, обсуждение UX-решений, согласование дизайна.
3. Разработка ядра приложения: интеграция с серверной частью, реализация авторизации, базовых модулей (управление филиалами, клиентами, записями).
4. Реализация дополнительного функционала: финансы, аналитика, настройки, push-уведомления.
5. Тестирование: выявление и устранение багов, оптимизация производительности, проверка стабильности работы под нагрузкой.
6. Подготовка к релизу: сборка релизных версий, тесты на реальных устройствах iOS и Android, адаптация к требованиям App Store и Google Play.

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

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

1. Рост удовлетворенности клиентов: большинство салонов и бьюти-студий перешло на приложение и оценило его удобство. Онлайн-записи, оповещения и мгновенные звонки дают гибкость и экономят время.
2. Оптимизация затрат: единая разработка для двух операционных систем позволила избежать двойных расходов на разработку и обслуживание.
3. Увеличение конверсии: наличие мобильного приложения в App Store и Google Play делает продукт более заметным и доступным для широкого круга потенциальных пользователей.
4. Масштабируемость: благодаря общей серверной части и центральной админ-панели, новые функции можно легко встраивать одновременно в обе версии — веб и мобильную.
5. Ускоренный вывод на рынок: команда AVADA-MEDIA выполнила поставленные задачи в сжатые сроки, что дало возможность быстрее стартовать маркетинговые кампании и привлекать новых пользователей.

Заключение

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

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