Макош

Кроссплатформенное приложение для любителей вышивания. Цифровой ассистент существующего бизнеса по продаже наборов для вышивки: QR-сканирование наборов, интерактивные схемы с инструментами навигации, отслеживание прогресса по стежкам с авто-сохранением. Доступно на iOS и Android (Galaxy Store, AppGallery, RuStore).

Россия
4 магазина
одна сборка вышла в App Store, RuStore, Galaxy Store и AppGallery
QR
сканирование набора → цифровая схема
iOS + Android
из одной кодовой базы на React Native
Аналитика
видно, какие наборы доводят до конца

Задача

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

Решение

Внутри схемы – набор инструментов для навигации: регулируемая сетка, линейка, масштабирование, центрирование, переключение между чёрно-белым и цветным режимами. Готовые стежки подсвечиваются – пользователь видит, что уже сделано, и не теряет место в работе. Прогресс сохраняется автоматически. Бизнесу мы поставили админ-панель: загрузка и редактирование схем, генерация уникальных QR-кодов на каждый набор, статистика популярности наборов и вовлечённости пользователей. Приложение сделали на React Native – одна кодовая база работает на iOS и Android, дистрибуция через четыре магазина, включая RuStore для российского рынка.

Технологии и архитектура
React NativeExpoReduxReact Native SkiaNode.jsMongoDBiOSAndroid

Интерактивные схемы отрисованы на React Native Skia для плавного зума и панорамирования; одна кодовая база на React Native и Expo собирается под iOS, Android и четыре магазина приложений.

Что сделали
Покупатель сканирует QR-код из коробки – приложение сразу открывает нужную цифровую схему без ручного ввода.
Сетка, линейка, зум, центрирование и переключение чёрно-белый/цветной – вышивание «по экрану» без бумаги.
Готовые стежки подсвечиваются, а прогресс сохраняется на каждое действие – можно продолжить с того же места.
React Native даёт iOS и Android из одной кодовой базы, а бизнес управляет схемами и QR-кодами через веб-админку.

Функции

QR-сканирование наборов

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

Сканирование QR-кода

Интерактивные схемы с инструментами

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

Схема с сеткой
Линейка и зум

Подсветка готовых стежков и прогресс

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

Отслеживание прогресса

Чёрно-белый и цветной режимы

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

Админ-панель для бизнеса

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

Загрузка схемы
Генерация QR-кодов

Аналитика популярности и вовлечённости

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

Результат

Макош превратил бумажные схемы в цифрового ассистента для вышивания: QR-сканирование, интерактивные схемы и авто-сохранение прогресса на одной кодовой базе React Native под iOS и Android. Приложение вышло сразу в четырёх магазинах – App Store, Galaxy Store, AppGallery и RuStore, – а бизнес управляет схемами и видит аналитику через веб-админку.

Связанные услуги

Запускаете мобильное приложение?

За 24 часа ведущий инженер пришлёт архитектуру под React Native с админ-панелью и оценку.

Обсудить задачу →