LASERTECH поставляет профессиональное оборудование для лазерной косметологии. После покупки клиенту нужны инструкции, протоколы, обучение, информация о заказах, расходники, сервис и быстрый контакт со специалистами. Версия 4.0 превратила набор этих функций в единый цифровой кабинет.
Семён провёл аудит предыдущей версии, пересобрал продуктовую логику и интерфейс, разработал Flutter-приложение и новый серверный контур, подключил внешние системы, проверил ключевые сценарии и подготовил продукт к релизу.
От рабочего приложения — к полноценному продукту
Предыдущая версия росла постепенно. Крупные экраны объединяли интерфейс, сетевые запросы и бизнес-логику, а разные разделы независимо загружали данные. Нужные функции уже существовали, но воспринимались как отдельные сервисы: база знаний, заказы, обучение и поддержка.
Обновление строили не вокруг идеи «освежить дизайн», а вокруг вопроса: каким должно быть приложение, чтобы приносить пользу клиенту на всём жизненном цикле оборудования?
Задача
- Сохранить работающие сценарии и не заставлять действующих пользователей переучиваться с нуля.
- Связать доступ к материалам с реальным оборудованием и заказами клиента.
- Сократить путь от вопроса до нужного действия и поддержки.
- Сохранить полезность приложения при медленной сети и сбоях внешних систем.
- Подготовить архитектуру, в которой функции развиваются независимо.
- Создать узнаваемый premium-интерфейс профессионального бренда.
От MVP к фирменной системе
Сначала появился функциональный MVP: новая модель данных, заказы, дерево базы знаний, видео, оплата, статусы и блог. После проверки продуктовой основы начался отдельный дизайн-проход с системой Coral, авторскими иллюстрациями, Onest и новой навигацией.
Как менялся продукт и каким стал финальный интерфейс
Два связанных слайдера показывают эволюцию от версии 3.x через функциональный MVP к Lasertech 4.0 и четыре главных продуктовых сценария.
Эволюция продукта
Старая версия → функциональный MVP → финальный продукт.
Главные продуктовые сценарии
Знания → заказы → профессиональный контент → поддержка.
Четыре продукта в одном клиентском контуре
1. Знать: персональная база знаний
Приложение определяет доступное пользователю оборудование и показывает относящиеся к нему инструкции, протоколы, видео и файлы. Данные из корпоративной системы, Kinescope и Яндекс Диска складываются в единое дерево без внешних каталогов и лишних переходов.
2. Контролировать: жизненный цикл заказа
Внутренние этапы Bitrix24 переводятся на язык клиента. В одном сценарии доступны фильтры, состав и история заказа, оплата, трек-номер СДЭК, материалы по товару и обращение в поддержку с контекстом конкретной поставки.
3. Развиваться: собственный контентный канал
Блог поддерживает категории, теги, сортировку, избранное и бесконечную ленту. Для бизнеса это независимый канал регулярной коммуникации после продажи, а для клиента — профессиональные материалы внутри привычного продукта.
4. Получать помощь: поддержка внутри приложения
Нативный чат связан с Открытыми линиями Bitrix24. Он поддерживает историю, текст, документы, фото и видео, статусы доставки и непрочитанные сообщения. В чат можно перейти из заказа, не объясняя специалисту контекст заново.
Было / стало
| Версия 3.x | Lasertech 4.0 |
|---|---|
| Набор самостоятельных разделов | Единый кабинет владельца оборудования |
| Интерфейс, запросы и логика в крупных экранах | Модульная архитектура по функциям |
| Повторные запросы к внешним системам | Согласованный снимок данных и фоновое обновление |
| CRM-статусы без клиентского контекста | Управляемая матрица понятных этапов |
| Поддержка как внешний сценарий | Нативный чат с заказом, историей и вложениями |
| Разнородный визуальный язык | Цельная Material 3-система с Coral-градиентом |
Незаметная часть редизайна: скорость и устойчивость
Приложение сначала показывает последнюю полную локальную копию, а затем обновляет её в фоне. Тяжёлые источники работают независимо, одинаковые запросы объединяются, а облегчённый endpoint обновляет статусы заказов без перезагрузки каталогов.
Авторизация работает по одноразовому SMS-коду с ограничением попыток, сессия хранится в защищённом хранилище устройства, платёжные ссылки проверяются, а секреты внешних систем остаются на сервере.
Новый визуальный язык Lasertech
Глубокий тёмно-синий фон, графитовые поверхности и Coral-градиент заменили разрозненные системные решения. Яркий цвет используется только для ключевых действий и статусов. Для авторизации, знаний, заказов, поддержки, загрузки и ошибок создана серия оригинальных 2.5D-иллюстраций.
Что получает бизнес
- меньше повторяющихся обращений по статусам, документам и инструкциям;
- короче путь к оплате, доставке и материалам по оборудованию;
- более ценное послепродажное сопровождение;
- собственный канал повторной коммуникации через блог и уведомления;
- единые данные для клиента и команды в Bitrix24;
- управляемое развитие без риска затронуть весь продукт.
Результат
После выхода Lasertech 4.0 пользователи начали отмечать именно те изменения, ради которых пересобирали продукт: вся информация под рукой, понятный интерфейс, быстрый доступ к покупкам, сервису и базе знаний. Первые три отзыва о версии 4.0.0 в App Store — пятизвёздочные; в них приложение называют удобным помощником в работе и рекомендуют коллегам.
