Продуктовый подход в деле: как мы разработали мобильное приложение OBI

Шаг 1. Предпосылки: почему потребовалось отдельное мобильное решение

Российский e-commerce развивается высокими темпами, и успех здесь зависит от способности быстро адаптироваться к запросам пользователей. Существующий сайт OBI имел ограничения по скорости внесения изменений, поскольку каждая правка требовала согласования со стороны «головного» офиса в Германии.

Это затрудняло оперативное обновление интерфейсов, тестирование новых гипотез и настройку пользовательского пути под локальную аудиторию.

Мобильное приложение стало стратегическим шагом к созданию независимого цифрового канала, который можно развивать в том темпе, который диктует российский рынок.

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

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

Шаг 2. Исследования: фокус на привычках российского пользователя

Мы начали с глубокого анализа поведения конечного потребителя. Вместо технического аудита мы построили Customer Journey Map, чтобы увидеть весь путь к покупке глазами клиента, и выделили этапы, где возникала несогласованность опыта.

Параллельно мы изучили лучшие практики российского рынка, чтобы понять, какие интерфейсные решения и сценарии стали для пользователя интуитивными и ожидаемыми. Выявленные принципы «идеального» UX для российской аудитории были напрямую трансформированы в конкретные функции и улучшения. 

В карточках товаров появились карусели дополнительных продаж («с этим товаром покупают», «похожие товары»), а также ссылки на обучающие статьи и инструкции. 

Были добавлены сервисные калькуляторы, позволяющие, например, рассчитать необходимое количество клея для обоев или ламината на заданную площадь. 

Логика фильтров и поиска была переработана: фильтры стали динамическими и строились автоматически, а поиск был переведен на движок Elasticsearch, что сделало его работу значительно быстрее и точнее.

Шаг 3. Проверка гипотез: прототипирование как основа для верных решений

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

Эти прототипы прошли внутреннее тестирование: как со стороны команды OBI, так и на основе фокус-группы — обычных пользователей, которые проходили весь путь покупки.

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

Шаг 4. Разработка нового, полностью самостоятельного чекаута

Этот этап стал центральным для успеха всего приложения. Был полностью сделан новый чекаут, так как мы отказывались от немецкого решения. Разработка велась по принципу mobile-first: сначала мы создали оптимальный и удобный интерфейс для мобильных устройств, а затем адаптировали его для десктопной версии.

Основными особенностями нового чекаута стали:

1. Единый сток и умная доставка. Система автоматически формировала заказ из нескольких магазинов для максимально быстрой и полной комплектации.
2. Доставка по координатам для строящихся объектов. Учитывая специфику строительного ритейла, мы внедрили функцию доставки не только по адресу, но и по точке на карте (GPS-координатам), что критически важно для клиентов на этапе строительства дома.
3. Автоматизация и снижение нагрузки на операторов. Пользователь заранее указывал особые условия доставки (например, тип необходимого транспорта). Раньше все это узнавал оператор, теперь же данные поступали автоматически и  нагрузка на операторов снизилась.
4. Модульность и идеальный пользовательский путь. Весь чекаут стал модульным. Пользователь все время оставался в его рамках, а для редактирования любой информации (адрес, услуги, способ доставки) просто открывались всплывающие окна (попапы). Это позволило избежать перезагрузок страниц и потери данных, сделав любые изменения оперативными и интуитивно понятными.
5. Автоматический расчет дополнительных услуг. В интерфейс был добавлен автоматический просчет допуслуг, позволяющий пользователю сразу видеть итоговую стоимость в зависимости от выбранных опций.

Шаг 5. Испытание временем: рост значимости приложения в новых условиях

OBI — это 5 миллионов товаров. Огромный выбор — это плюс, но только если его можно легко освоить. Наша задача была помочь пользователю ориентироваться в этом изобилии.

Мы снабдили приложение полезными инструментами: сканером чеков для участия в акциях, калькуляторами для стройматериалов и умным поиском. Теперь покупатель не просто листал каталог, а решал свою конкретную задачу — рассчитать нужное количество ламината или мгновенно найти замену товару, которого нет в магазине.

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

Возможность вдумчиво выбирать товары и получать их в нужную локацию соответствовала изменившимся привычкам, что привело к закономерному росту аудитории и вовлеченности.