Редизайн интернет-магазина MHAVE

Главное о кейсе

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

We made the cosmetic redesign to worldwide brands UI level. The exact data on the growth of conversion cannot be disclosed under the terms of the contract.

Бизнес-задача и ее решение

Цель — повысить конверсию в покупку, сделать визуал соответствующим качеству продукции.

The goal is to increase the conversion to a purchase and make the UI corresponding to the quality of the product.

Решение:
- провести косметический редизайн;
- улучшить пользовательский опыт в оформлении заказа.

The solution:
- cosmetic redesign;
- improve the checkout experience.

Прочая информация о кейсе

MHAVE — интернет-магазин косметики 
премиум-сегмента.

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

Дизайн не соответствовал качеству товаров и заставлял сомневаться в надежности интернет-магазина. Согласно исследованию Google за 2012 год, люди оценивают сайт за сотни или даже десятки миллисекунд.

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

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

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

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

Сейчас мы продолжаем улучшать дизайн сайта и поддерживать проект.

MHAVE is an online store of high end makeup products.

The previous contractor developed a website using a ready-made template. By 2019, template design has become outdated in every way. It contained many non-intuitive and unusual solutions. Conversion decreased and the number of bugs increased.

The design did not match the quality of the goods and made us doubt the reliability of the online store. According to a 2012 Google study, people evaluate a website in hundreds or even tens of milliseconds.

The project was urgent. We conducted a design audit and discussed the main problems of the website’s old version with the customer. We suggested not developing functionality, focusing on visual design and improving user experience.

We prepared a design concept in beige tones. Beige and light brown are associated with lightness and naturе: wood, leather and sand.

We improved the user experience of ordering: reduced the number of fields, simplified their filling with masks, and divided them into stages for the convenience of the user.

We conveyed high end products through large, high-quality marketing images. We also enlarged the images in the product card — this is the main emotional factor, especially for the first purchase.

Now we are continuing to improve the website design and to support the project.

Скриншоты

Комментарий заказчика

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