Блиц-редизайн сайта «Уникорн»
«Уникорн» продаёт оригинальную брендовую обувь. Задача была — повысить конверсию страниц товара и заказа. Для этого мы сделали экспериментальный блиц-редизайн мобильной версии сайта, через которую покупает большинство.
Страница товара
Фотографии кроссовок были спрятаны в почти незаметную листалку, а в длинном описании было сложно вычленить выбор размера и способа доставки. В новой версии фотографии стали крупнее, а элементы управления стало проще выделить среди текста:
![](/unicorn/i/unicorn-blitz-before@2x.jpg?1720442587)
![](/unicorn/i/unicorn-blitz-before@2x.jpg?1720442587)
![](/unicorn/i/unicorn-blitz-after@2x.jpg?1720442587)
![](/unicorn/i/unicorn-blitz-after@2x.jpg?1720442587)
Крупные фотографии не только помогают рассмотреть кроссовки и решиться на покупку, но и добавляют кайфа от страницы, желания изучать разные модели. Цвет описания подбирается автоматически на основе цвета самих кроссовок — приятно выглядит, а также помогает отделить от элементов страницы, общих для всех товаров.
Залипающая зона кнопки покупки занимают меньше места, несмотря на увеличенный текст и более удобное расположение для нажатия:
![](/unicorn/i/unicorn-blitz-item-before@2x.jpg?1720442587)
![](/unicorn/i/unicorn-blitz-item-before@2x.jpg?1720442587)
![](/unicorn/i/unicorn-blitz-item-after@2x.jpg?1720442587)
![](/unicorn/i/unicorn-blitz-item-after@2x.jpg?1720442587)
Раньше при сомнениях в размере нужно было сверяться с отдельной таблицей:
![](/unicorn/i/unicorn-blitz-size-before-1@2x.jpg?1720442587)
![](/unicorn/i/unicorn-blitz-size-before-1@2x.jpg?1720442587)
![](/unicorn/i/unicorn-blitz-size-before-2@2x.jpg?1720442587)
![](/unicorn/i/unicorn-blitz-size-before-2@2x.jpg?1720442587)
Теперь выбор размера и варианта доставки стал компактнее. Если знаешь размер, выбрать его можно прокруткой мини-карусели, а если нужно разобраться, то выпадающая таблица-барабан сама же и является элементом выбора:
![](/unicorn/i/unicorn-blitz-size-after-1@2x.jpg?1720442587)
![](/unicorn/i/unicorn-blitz-size-after-1@2x.jpg?1720442587)
![](/unicorn/i/unicorn-blitz-size-after-2@2x.jpg?1720442587)
![](/unicorn/i/unicorn-blitz-size-after-2@2x.jpg?1720442587)
Всё стало крупнее, хотя влезать этого всего стало больше.
Страница заказа
Из-за обилия серых плашек и текста страница заказа выглядела нерабочей. Покупателя сразу приглашали войти, ввести телефон, а он-то кроссовки хочет купить! В новом дизайне разговор начинается с того, что интересно покупателю, а технические вопросы решаются между делом:
![](/unicorn/i/unicorn-blitz-order-before@2x.jpg?1720442587)
![](/unicorn/i/unicorn-blitz-order-before@2x.jpg?1720442587)
![](/unicorn/i/unicorn-blitz-order-after@2x.jpg?1720442587)
![](/unicorn/i/unicorn-blitz-order-after@2x.jpg?1720442587)
На странице заказа продублирован выбор размера и варианта доставки — можно перепроверить себя перед оплатой.
Результаты
За первый месяц после внедрения нового дизайна конверсия из просмотров товара в нажатие кнопки «Оплатить» выросла.
Илья Бирман
Арт-директор и дизайнер