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 стане новим стандартом зручності та ефективності для всіх, хто хоче вивести свій бізнес на принципово новий рівень.