SportPoint — сеть спортивных магазинов с онлайн-магазином на платформе Aspro. Сайт выглядел как типичное коробочное решение: попытки кастомизировать его вручную добавляли визуальный шум поверх шаблона, не меняя ощущения устаревшего продукта.
Особенно критичным был чекаут. Сценарий оформления заказа не учитывал реальных пользовательских ситуаций: что если часть товаров недоступна? Что если пользователь хочет применить и бонусные баллы, и промокод? Незакрытые состояния означали: в нестандартной ситуации пользователь просто уходил.
Аудитория SportPoint ожидает качества покупки как у Lamoda или Sportmaster. Конкуренты давно ушли вперёд по UX — и разрыв становился всё очевиднее.
Один вёл проект от исследования до финального макета. Прошёл полный путь оформления заказа на Sportmaster, Lamoda, Ostin, Streetbeat — как обычный покупатель. Фиксировал где интуитивно, где приятно визуально, какие паттерны повторяются у лидеров. Сложился список фич с приоритетами.
До цвета и деталей — серые фреймы: блоки, иерархия, логика шагов. Позволяет проверить сценарий и найти edge cases до того как потрачено время на финальный дизайн.
Чекаут
Все группы состояний спроектированы и задокументированы — разработчик видит не один «красивый» экран, а полный набор реальных ситуаций: доставка, самовывоз, выбор адреса, выбор временного слота, ошибки, промокоды, баллы.
Два ключевых сценария, которые чаще всего вызывают отказы: выбор адреса доставки и выбор слота времени. Оба спроектированы как отдельные чёткие шаги с понятными состояниями ошибок.
Компоненты и система
Начал с ключевых компонентов, параллельно собирал страницы. Все слои получили понятную иерархию именования — без group1234 и frame100023. Компонент → его состояния → страница из компонентов. Каждый элемент описан: name / variant / state.
Страница товара
Карточка товара — ключевая страница для принятия решения о покупке. Продумана структура: галерея изображений, характеристики, описание, блок сопутствующих товаров. Акцент на читаемости и визуальной иерархии.
Редизайн сайта
Успех с чекаутом убедил клиента: инкрементальные правки шаблона не дадут результата. Контракт расширен до полного редизайна — главная, каталог, карточка товара, корзина, оформление заказа.
брошенных корзин после редизайна чекаута
контракт: клиент расширил задачу с точечного чекаута до полного редизайна сайта после первого результата