Интернет магазин спортивной одежды

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

База

Посетители сайта – это люди, ценящие свое время и знающие, чего они хотят. Ввиду данных особенностей уже на этапе создания прототипа было понятно, что на сайте нужно использовать простые пользовательские сценарии + на этапе дизайна были заданы «3 кита», прослеживающиеся во внешнем виде: простота, четкость и стиль.

Наша команда разработала меню, отвечающее на вопросы, наиболее волнующие потенциального покупателя:

- Как сэкономить? = Акции.

- К кому обратиться для сборки/ремонта/пр.? – Услуги (сервисное обслуживание).

-  Как? Что? Почему? – употребительно ко всем товарам = Блог. 

- Могу ли я рассчитывать на качественный товар? = Бренды.

- Как купить? = одноименный раздел.

Отдельно стоит отметить раздел Каталог, в котором отображен весь товарный ряд, подразделенный на ряд категорий по нескольким признакам: кому предназначен товар (мужчины, женщины, дети, др.), вид спорта (пр.: бег) или отдельные наименования товаров. Если человек сформировал конкретный запрос, он может вести его в поисковой строке, расположенной шапке сайта.

Ознакомится с самыми популярными единицами продукции можно и на главной странице, но пойдем по порядку. 

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

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

У x-life есть перечень бонусов и сезонных предложений, которые могут заинтересовать пользователя, поэтому они дополнительно продублированы в виде трёх стилизованных баннеров под слайдером. Пример: Рассрочка 0%, лыжероллеры в преддверии зимы.

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

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

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

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

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

Личный кабинет

Личный кабинет доступен каждому авторизованному пользователю. После создания уникального логина и пароля человек получает ряд опций, упрощающих работу с сайтом x-life. К примеру, появляется возможность добавлять товары в «Избранное» и «Корзину», что позволяет быстро найти и заказать нужные товары позже, без необходимости повторного поиска. Указанные разделы также удобны тем, что вы можете рассортировать понравившиеся товары и вещи, которые твердо намерены купить.

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

Дополнительные опции

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

- Блок  «Выгодные предложения» – это динамический блок, отображающий актуальные скидки, акции, распродажи и специальные предложения.  Его внедрение было рассчитано на повышение конверсии и стимулирование пользователей к покупке.

- Блок «Бренды» предоставляет удобную навигацию по ассортименту, группируя товары на основании их производителя.  

- Раздел «Образы» – это своего рода лукбук. Качественные фотографии и оформление повышают вовлеченность и позволяют наглядно представить, как будет выглядеть тот или иной товар в контексте.

- «Коллекции» – помогает пользователям быстро найти товары, соответствующие их запросам, (например, «Летняя одежда для бега», «ТОП 5 лыжных ботинок»). 

- Блоки «О нас пишут» – отзывы и «О компании» – краткое описание и видеопрезентация.

- «Блог» и «Новости», представляющие собой инструменты для повышения лояльности и вовлечения аудитории.

- «Ранее вы смотрели» — персонализированный блок, демонстрирующий товары, которые пользователь просматривал ранее. Это мощный инструмент ретаргетинга,  позволяющий увеличить вероятность возвращения пользователя и совершения покупки.  

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

Итог

Таким образом, интернет-магазин x-life создан с учетом потребностей потребителей, что делает его уникальным и привлекательным для целевой аудитории. Интуитивно понятный интерфейс обеспечивает легкость навигации, позволяя пользователям быстро находить нужные товары.

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