СТОКМАНН: как frontend-разработкой связать работу двух студий
- Заказчик
- Компания STOCKMANN была основана в 1862 году в Финляндии, в Хельсинки, и с тех пор началось ее успешное развитие. СТОКМАНН предлагает покупателям более 300 видов мужской, женской, детской одежды.
- Задача
- СТОКМАНН пришли с задачей разработать мобильное приложение. У клиента уже было мобильное приложение, но очень не оптимизированное и медленное, поэтому новое приложение разрабатывали с нуля.
Ключевая идея
Перед началом работ заказчик предоставил нам концепцию дизайна в Figma, а также сказал, что для Backend будет отдельная команда разработки из Ctrlweb. Нам предстояло сделать все остальное: аналитику, верстку, Frontend.
Этапы разработки:
Концепция дизайна была разработана под «Сумасшедшие дни» — традиционную ежегодную распродажу от STOCKMANN. Эту концепцию мы адаптировали под запрос и требования заказчика.
Backend был общий как для сайта, так и для приложения. Команда Ctrlweb начала работать над проектом на год раньше, поэтому нам было важно выстроить эффективные процессы взаимодействия.
Мы проанализировали макеты, пообщались с командой Backend и выявили, что часть дизайнерских решений была оторвана от функционала. Так как у нас был только концепт дизайна, в нем почти не было макетов экранов. По результатам исследования выявили, что нужно адаптировать все макеты к регулярному виду и разработать те состояния и прототипы, которых не хватает. Однако, этот факт немного сместил сроки разработки, так как мы изначально предполагали, что все макеты уже готовы.
Этапность и сроки разработки диктовала Backend команда. Разработка API шла параллельно, поэтому для обеспечения постоянной загрузки разработчиков и соблюдения сроков, мы разделили приложение на два логических списка: основной функционал и дополнительный. Для этого мы провели приоритизацию списка страниц и разбили процесс на этапы.
По готовности макетов, мы передавали их в верстку. А когда была готова API и Backend, мы интегрировали сверстанные страницы. Далее переходили ко второму списку, также верстали экраны и по готовности API интегрировали их.
Для разработки мы выбрали фреймворк Flutter. К плюсам Flutter можно отнести высокую производительность сборок, простой и лаконичный язык, быструю компиляцию и сборку проекта, большой набор UI-компонентов и библиотек, удобную документацию, а также быструю адаптацию.
Сложности и ошибки, которые возникали в процессе разработки
Основная сложность проекта заключалась в усложненной коммуникации по сравнению с обычными проектами, когда мы делаем все самостоятельно. Так как работали две разные команды, приходилось искать подходящее друг другу время для обсуждения деталей. На стороне заказчика также не было человека, который вел бы на себе проект целиком и полностью — задачи могли приходить как и от руководителя бизнеса, так и от CMO, от обычных маркетологов.
Хоть мы и делали приложение полностью с нуля, но мы зарелизили его под прошлым приложением. Впоследствии выяснилось, что мы совершили ошибку. В AppStore невозможно поменять разработчика в уже существующей карточке, поэтому сейчас в команде разработки указаны не мы.
Фишки приложения
- «Инстаграмная»* концепция дизайна
Приложение похоже на инстаграмный профиль или ленту рекомендаций. Человек, выбирающий себе новую одежду в онлайн-магазине в первую очередь ориентируется на ее внешний вид. Мы облегчили задачу для визуалов и добавили привычный для многих вид социальной сети с картинками.
- Блок «Инсташопинг»
Мы сделали подбор одежды через изображение «лука» на реальном человеке. Сначала вы просто видите словно обычный пост в Инстаграме, а затем замечаете, что можете внимательно рассмотреть каждую вещь образа и отправить ее в корзину просто кликнув по точке на фотографии.
* Meta Platforms Inc. признана экстремистской организацией на территории РФ
Результат
Приложение СТОКМАНН стало по-настоящему оптимизированным и стильным. Теперь пользователи могут комфортно подобрать красивые образы и приобрести их не только через сайт, но и через мобильные устройства.
- 249 тысяч скачиваний в сторах.
- Средняя оценка в сторах — 4,9.
- Более 5 тысяч оценок.
- 48% — средняя еженедельная доля в количестве заказов в онлайне.
Наш подход и сотрудничество со сторонним подрядчиком позволил выпустить приложение на месяц раньше, перед весенней распродажей «Сумасшедшие дни».