Разработка мобильного приложения для интернет-магазина
Мобильное приложение интернет-магазина конкурирует не с вашим собственным сайтом — оно конкурирует с приложениями OZON, Wildberries и Rozetka. Пользователь знает, как должна работать корзина, поиск и checkout. Любое отклонение от привычного паттерна — повышенный процент брошенных корзин.
Каталог и производительность
Самое частое узкое место — экран каталога с изображениями. UICollectionView / LazyVerticalGrid дёргается при скролле, если декодирование изображений происходит синхронно. Решение: SDWebImage (iOS) / Coil (Android) с кэшированием на диск и prefetch на UICollectionViewDataSourcePrefetching / PagingSource. На React Native — FlashList вместо FlatList для больших списков: виртуализация работает корректнее, нет проблем с keyExtractor и getItemLayout.
Изображения товаров — основная причина размера загружаемых данных. Используем WebP (на 25–30% компактнее JPEG при сравнимом качестве), lazy loading, размер под реальный UIImageView — не грузим 2000x2000 для превью 150x150.
Поиск и фильтры
Строка поиска с дебаунсом 300ms → запрос к search endpoint (Elasticsearch/Meilisearch на бэке). Автодополнение по популярным запросам и названиям товаров. История поиска в UserDefaults/DataStore Preferences.
Фильтры — отдельный экран (bottom sheet или модал): категория, цена (RangeSlider), бренд, размер, цвет. Применение фильтра не должно перезагружать весь каталог — только обновляем URL-параметры запроса и показываем skeleton-loader пока грузятся новые результаты.
Активные фильтры — чипы над каталогом с крестиком для быстрого снятия. Это стандарт, без которого пользователь теряется.
Корзина и checkout
Корзина синхронизируется с сервером — не только в UserDefaults. Пользователь добавил товар на телефоне, открыл приложение на планшете — видит ту же корзину. Механизм: при каждом изменении корзины (add/remove/quantity) — PATCH /cart в фоне. При открытии экрана корзины — GET /cart для sync.
Checkout — критический флоу. Максимальное количество шагов: адрес → доставка → оплата → подтверждение. Все данные, которые можно предзаполнить — предзаполняем (адрес из профиля, сохранённая карта). Apple Pay и Google Pay — добавляем обязательно: конверсия checkout с ними на 15–20% выше в e-commerce (данные Stripe).
One-tap checkout для возвращающихся пользователей: сохранённый адрес + saved card → один экран подтверждения.
Личный кабинет и история заказов
История заказов — пагинированный список с фильтром по статусу. Детальная страница заказа: товары, трекинг доставки, возможность отменить или оформить возврат. Трекинг — либо через API службы доставки (СДЭК, Почта России, Nova Post), либо ссылка на сайт службы.
Push-уведомления по статусу заказа — обязательны: «Ваш заказ отправлен», «Заказ прибыл в пункт выдачи». FCM + APNs с rich notifications (фото товара в уведомлении).
Отзывы и рейтинги
Отзыв с фото: пользователь грузит с галереи или камеры. Upload через pre-signed S3 URL напрямую с устройства (не через сервер — экономим трафик и время). Рейтинг товара — звёзды + количество отзывов в карточке и на детальной странице.
Стек
Flutter — оптимальный выбор для e-commerce с одной кодовой базой под iOS и Android: Riverpod для стейта, Dio для HTTP, Hive/Isar для локального кэша каталога, cached_network_image для изображений. React Native как альтернатива при команде с JS-опытом. Нативный SwiftUI/Jetpack Compose — при необходимости максимальной производительности или специфичных hardware-интеграций.
Процесс
Аудит backend API (или проектирование API с нуля) → UI/UX дизайн → разработка каталога и поиска → корзина и checkout → личный кабинет → интеграция оплаты → push-уведомления → тестирование → публикация.
Ориентиры по срокам
MVP (каталог, поиск, корзина, checkout с одним платёжным методом, история заказов): 4–8 недель. Полноценное приложение с отзывами, wishlists, программой лояльности, трекингом и push-кампаниями: 2–4 месяца. Стоимость рассчитывается индивидуально.