Задачи и решения
- Задача
- Упростить пользователям выбор подходящего товара из более чем 30000 позиций. Увеличить процент продажи высокомаржинальных товаров. Повысить частоту и качество заявок с сайта. Создать лучший интернет-магазин в отрасли.
- Решение
- Мы разработали лучший в отрасли адаптивный сайт. Добиться этого мы смогли благодаря примененной в дизайне концепции mobile first, продуманному интерфейсу выбора товара и технической реализации приближающей скорость работы сайта к мобильному приложению
Главная страница
Главная страница
Страница представляет собой дайджест товарных предложений. Позволяет переключать цвета популярных товаров и товарные комплекты. Благодаря умелой технической реализации, страница грузится и работает практически моментально.
![Картинка этапа](/media/cases/1_YNFnSH9.png)
![Картинка этапа](/media/cases/2.png)
Баннеры
Анимированный слайдер с адаптивными баннерами выгодно показывает акции и категории.
![Картинка этапа](/media/cases/3.png)
Популярные товары
Подборка отображает популярные товары по четырем основным товарным группам.
![Картинка этапа](/media/cases/4.png)
Рекомендации
Рекомендации могут содержать не только товары. В них участвуют акции, товарные группы и дерево категорий.
![Картинка этапа](/media/cases/5.png)
Комплекты товаров
Для удобства подбора товаров мы сформировали комплекты. Каждый из них сопровождается тематической иллюстрацией.
![Картинка этапа](/media/cases/6.png)
Выбор цвета
Цвет товаров можно переключить не уходя с главно страницы.
![Картинка этапа](/media/cases/7.png)
Услуги
Карточки услуг содержат иконки подчеркивающие общую стилистику сайта.
Каталог
Каталог
Позволяет видеть мета-товары, что значительно сокращает путь пользователя к необходимому ему товару.
![Картинка этапа](/media/cases/1_h4xrsEZ.png)
Подборки
Быстрые ссылки на популярные подборки товаров в виде красивых карточек.
![Картинка этапа](/media/cases/2_36WeM8V.png)
Фильтр каталога
Фильтр позволяет подобрать товары по всем доступным параметрам. Для удобства пользователей, параметры собраны в группы и подгруппы.
![Картинка этапа](/media/cases/3_rg4CveP.png)
Сопуствующие услуги
Для каждой категории отображаются релевантные сопуствующие услуги и полезная информация для покупателей.
![Картинка этапа](/media/cases/4_w687Jy1.png)
Страница товара
Страница товара
Отображает всю информацию о товаре и позволяет менять параметры товара не теряя уже выбранных значений.
![Картинка этапа](/media/cases/1_MmlGzZO.png)
![Картинка этапа](/media/cases/2_xJHaiih.png)
Выбор покрытий
Покрытия представлены в виде карточек показывающих важные параметры и рейтинг.
![Картинка этапа](/media/cases/3_oWv9XyV.png)
Выбор цвета
Набор цветов зависит от выбранного покрытия. Для каждого цвета есть код и изображение товара.
![Картинка этапа](/media/cases/4_YhGwELt.png)
![Картинка этапа](/media/cases/5_zu4usOY.png)
![Картинка этапа](/media/cases/6_1Mv3nIb.png)
Описание товара
Подробное описание товара содержит параметры, ссылки на документацию, отзывы, подборки и многое другое. Дя удобства пользователей мы предусмотрели быструю навигацию по описанию товара.
![Картинка этапа](/media/cases/7_CctkZM7.png)
Корзина
Корзина
В корзине пользователь может видеть заказанные товары, состав комплектов, дополнять заказ услугами, а так же прикреплять документы к заказу.
![Картинка этапа](/media/cases/cart.png)
Страница контактов
Страница контактов
На странице офисы сгруппированы по городам, для каждого офиса есть карта проезда, фотографии менеджеров, ссылки на такси и маршрут на картах.
![Картинка этапа](/media/cases/%D1%81ontacts.png)
![Изображение кейса во всю ширину](/media/cases/11_aXBc42G.png)
Адаптив
Адаптив
Сайт взял гран-при Металл-Экспо 2020, как лучший адаптивный сайт в отрасли.
![Картинка этапа](/media/cases/adaptive.png)
Похожие проекты
Сотрудничали с компанией по вопросу разработки сайта для собственных нужд. Для решения поставленных нами непростых задач в высококонкурентной среде (количество товаров более 30000, возможность оформления заказа через сайт, адаптивность под разное железо и софт, скорость загрузки, топ-позиции и т.д.) ребята использовали прогрессивный подход в сочетании с передовыми технологиями, которые только внедряются не только в РФ, но и в мире.
Конечно, пользователям виднее, но, как собственники ресурса, мы очень довольны результатом! Тем, кто хочет получить незаурядный результат с красивым дизайном в сочетании с последними разработками из мира IT, рекомендуем остановить свой выбор на компании «Две буквы»! Спасибо, — так держать!
Получите коммерческое предложение
Мы свяжемся с вами для обсуждения всех деталей
МЫ В ДЕЛЕ!
Ваша заявка успешно отправлена. Мы свяжемся с вами в ближайшее время