Messer Meister

электронная коммерция веб фронтенд интеграция стратегия ux

Messermeister — новый, эмоциональный и брутальный интернет-магазин аксессуаров для мужчин.

Задача

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

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

Услуги

электронная коммерция веб фронтенд интеграция стратегия ux

Дата выпуска

01.12.2014

посмотреть проект

messermeister.ru

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

Решение

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

Интернет-магазин Messer Meister построен на актуальных паттернах взаимодействия и сделан доступным для десктопов и планшетов, в том числе с retina-экранами.

Пользовательский опыт — это прежде всего простота и удобство для пользователя, поэтому UX-проектированию и пользовательским тестам мы уделили особое внимание.

Для улучшения пользовательского опыта мы использовали несколько приемов:

  • Фиксированное меню с самыми нужными пользователю элементами: телефоном, корзиной и инструментами, помогающими в покупках.
  • Максимальная разгрузка страницы от «отвлекающих» элементов, чтобы сосредоточить пользователя на выбранном продукте.
  • «Легкость» интерфейса: Мы быстро загружаем основные элементы и, затем, подгружаем вторичные элементы. Для построения иерархии элементов используем пространство.

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

Изюминкой во фронтенде является работа ниспадающего меню. В обычном меню, когда при движении к нужному пункту траектория курсора пересекает соседний пункт меню, ниспадающее меню переключается на другую вкладку.

Здесь использована технология, которая позволяет контролировать, при какой траектории курсора нужно переключиться, а при какой нет.

Фронтенд

Фронтенд построен по модульной технологии RequireJS + Less/CSS, что позволило не только сократить процесс разработки до 25 дней на весь фронтенд, но и ускорить работу сайта. Мы провели оптимизацию по следующим факторам:

  • Количество HTTP запросов;
  • двухуровневое кэширование изображений;
  • создание отдельного кэша для retina-изображений;
  • минимизация CSS и Javascript файлов.
SEO оптимизация

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

39%

Ускорена загрузка страницы страницы.

1.9Мб

Уменьшен объем загружаемой страницы.

25дней

Быстрая разработка фронтенда.

Бэкенд

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

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

Мы используем 3 способа взаимодействия:

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

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

Результат

Рост показателей интернет-магазина после редизайна.

80%

Улучшение показателя отказов в корзине.

32%

Рост средней суммы заказа.

98%

Рост конверсии интернет-магазина.

Проекты

вебпромосторителлинг

Четыре истории о тепле

Четыре дома и четыре схемы отопления с помощью газовых котлов Аристон.

посмотреть проект
электронная коммерцияb2bвеб

Radius

Оптовый интернет-магазин для группы компаний «Радиус»

посмотреть проект
электронная коммерциявебфронтенд

WÜSTHOF

Официальный сайт и интернет-магазин

посмотреть проект
стратегияuxвеб

CFD Global

Как заработать на колебаниях курсов криптовалют и акций? Новый сайт CFD Global создан для людей, которые хотят получать доход от компаний, которыми пользуются каждый день.

посмотреть проект
НАЧАТЬ ПРОЕКТ

Мы работаем круглосуточно, но будем рады ответить на ваш звонок с 10:00 до 20:00 по рабочим дням.

+7 495 646 123 9

МОСКВА

Москва — Россия Варшавское шоссе, 28А +7 495 646 123 9

ВИЛЬНЮС

Vilnius — Lithuania Smolensko gatvė, 10c +370 5 207 81 37