Номинируйте кейсы на Workspace Digital Awards 2026. Прием заявок до 15 декабря по льготной цене, успейте принять участие!
EVO Mobile
Интернет-магазин корейской косметики "Oh Beautybar"
EVO Mobile
#Приложение под ключ

Интернет-магазин корейской косметики "Oh Beautybar"

157 
EVO Mobile Россия, Санкт-Петербург
Поделиться: 0 0 0
Клиент

Интернет-магазин "Oh Beautybar"

Сфера

Мода и красота

Регион

Россия, Москва

Мобильная платформа

iOS, Android

Сдано

Август 2021

Задача

К нам обратился заказчик — интернет-магазин премиальной косметики Oh Beautybar — с задачей разработки собственного мобильного приложения под iOS и Android.

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

Проект стал для нас возможностью продемонстрировать экспертизу в разработке e-commerce‑приложений с классическим набором функций: каталог, фильтры, корзина, личный кабинет, история заказов и платёжная интеграция.

Решение

1Погружение в проект, анализ и написание технического задания

Цель этапа — сформировать понятное и структурированное техническое задание, учитывающее все ключевые сценарии e-commerce‑приложения.

Команда: проджект-менеджер и аналитик.

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

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

Также на этом этапе мы совместно с заказчиком спланировали интеграцию с действующим интернет-магазином. Важно было обеспечить синхронность каталогов, заказов и данных пользователей между веб‑версией и будущим приложением. Эти задачи были включены в архитектуру и ТЗ.

2Прототип и дизайн приложения (UI/UX)

Цель этапа — создать визуально привлекательный, интуитивно понятный интерфейс, который соответствует эстетике бренда и привычной логике онлайн-шопинга.

Команда: проджект-менеджер и UI/UX-дизайнер.

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

Сделали упор на визуальную лёгкость, лаконичные карточки товаров, комфортную навигацию и оформление заказа в 1–2 действия. Использовали брендовые цвета и шрифты, адаптировали дизайн под iOS и Android.

Отдельное внимание уделили UX для повторных заказов и работе с избранным.

3Разработка и интеграции

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

Команда:

— главный разработчик (архитектура),

— Flutter‑разработчик (iOS и Android),

— Python‑разработчик (бэкенд, API и админ‑панель),

— QA-инженер (тестирование),

— проджект‑менеджер.

Мобильное приложение реализовали на Flutter — это наш основной и единственный стек для мобильной части. Он позволяет разрабатывать сразу под iOS и Android, ускоряя выпуск продукта и обеспечивая единое поведение на обеих платформах.

Параллельно мы создали админ‑панель — веб-интерфейс для сотрудников Oh Beautybar. Через неё можно:

— управлять товарами и категориями,

— отслеживать заказы и статусы,

— работать с пользователями,

— настраивать баннеры и акции в приложении.

Для обеспечения связки с действующим интернет-магазином реализовали интеграцию через API: приложение и админка синхронизированы с основными процессами на стороне клиента — это исключает дублирование данных и снижает нагрузку на поддержку.

Функционал приложения включал:

— каталог товаров с фильтрами и избранным,

— карточки товаров с фото, описанием и ценой,

— корзину и оформление заказа,

— авторизацию и регистрацию,

— onboarding и баннерные сценарии,

— личный кабинет с историей заказов,

— push‑уведомления и гибкие настройки.

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

4Финальное тестирование

Цель этапа — убедиться в корректной работе всех сценариев на обеих платформах и обеспечить стабильную работу перед публикацией.

Команда: QA-инженер и проджект‑менеджер.

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

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

5Публикация в магазины приложений

Цель этапа — обеспечить официальную публикацию приложения и сделать его доступным для пользователей на iOS и Android.

Команда: Flutter‑разработчик и проджект‑менеджер.

Мы подготовили сборки, метаданные и промоматериалы для размещения в App Store и Google Play. Провели необходимые проверки, обеспечили соответствие требованиям платформ, загрузили и опубликовали финальные версии.

После прохождения модерации приложение стало доступно пользователям по следующим ссылкам:

— App Store: https://apps.apple.com/ru/app/oh-beautybar-магазин-косметики/id1543601900

— Google Play: https://play.google.com/store/apps/details?id=ru.ohbeautybar.app

6Техническая поддержка проекта

Цель этапа — обеспечить стабильную работу приложения после релиза и плавную передачу проекта на сторону клиента.

Команда: Flutter‑разработчик, Python‑разработчик, проджект‑менеджер.

В течение первых двух месяцев после публикации мы оказывали техническую поддержку: исправляли баги, вносили мелкие правки и помогали адаптировать продукт под реальные пользовательские сценарии. После этого проект был передан in‑house команде клиента.

Приложение продолжает развиваться и обновляться силами заказчика — заложенная архитектура и стабильная основа позволяют масштабировать платформу без ограничений.

Результат

Мы создали полноценное мобильное приложение для интернет-магазина косметики, с типовым, но тщательно проработанным e‑commerce функционалом.

Приложение:

— позволяет удобно просматривать каталог, добавлять товары в корзину и оформлять заказы;

— интегрировано с сайтом интернет-магазина через API;

— поддерживает onboarding, push‑уведомления, гибкие настройки личного кабинета;

— предлагает акции, баннеры и промо‑блоки;

— стабильно работает на iOS и Android;

— легко масштабируется под маркетинговые задачи.

Проект передан in‑house команде клиента и продолжает активно развиваться.

Комментарий агентства

Сергей Кретюк
Сергей Кретюк

Генеральный директор (CEO)

Oh Beautybar — проект, в котором нам важно было учесть весь набор e‑commerce‑функций, но при этом сделать мобильный продукт лёгким, быстрым и приятным в использовании. Мы заложили надёжную архитектуру, адаптированную под регулярные маркетинговые активности и высокий пользовательский трафик.

Приложение изначально разрабатывалось с прицелом на передачу in-house: команда клиента легко подключилась к доработкам после релиза и успешно продолжает развитие проекта. Для нас важно не просто закрыть задачу, а запустить живой, самостоятельный продукт, который будет расти без лишней зависимости от подрядчика.

https://apps.apple.com/ru/app/oh-beautybar-магазин-косметики/id1543601900

Стек технологий

  • Dart Dart Язык программирования
  • Python Python Язык программирования
  • FastAPI FastAPI Фреймворк/библиотека
  • Django Django Фреймворк/библиотека
  • Flutter Flutter Фреймворк/библиотека
  • Docker Docker Среда разработки
  • Xcode Xcode Среда разработки
  • Visual Studio Code Visual Studio Code Среда разработки
  • Figma Figma Графический редактор

Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

EVO Mobile с удовольствием обсудит вашу задачу

Оставить заявку