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

По описанию задачи работа включала мобильный поиск, поиск в ПК-версии и платежный виджет на странице checkout. Конфиденциальные платежные данные в кейсе не раскрываем, но сам состав работ полезен для владельцев магазинов на InSales.

Ключевые факты

Задача

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

В ПК-версии требовался сценарий, при котором по клику на иконку поиска появляется поле ввода. Это экономит место в шапке, но оставляет поиск быстрым и доступным.

Что сделали

• Переделали поиск для мобильной версии магазина.
• Доработали поиск в десктопной версии: при клике на иконку появляется поле поиска.
• Добавили платежный виджет на страницу оформления заказа.
• Учли разные сценарии поведения на мобильном и ПК.
• Сохранили фокус на удобстве: поиск не занимает лишнее место, но остается доступным в нужный момент.

Результат

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

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

Что мы сделали для клиента

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