Разработка интернет-магазина строительных инструментов
Что нужно:
Компания PACS продаёт технику и материалы для дома и ремонта, у них широкий ассортимент товаров и разные виды доставки и оплаты. Они следят за тем, чтобы клиенту было максимально удобно – быстро найти всё, что ему нужно и не испытывать проблем с доставкой, оплатой или нехваткой товара в наличии.
Наша задача была помочь им выстроить отношения с клиентом на всех этапах покупки. Для этого мы сделали сайт с удобным интерфейсом и достаточным функционалом. Мы учли все особенности и «упаковали» их предложение в простой сайт с высоким юзабилити.
Наша задача была помочь им выстроить отношения с клиентом на всех этапах покупки. Для этого мы сделали сайт с удобным интерфейсом и достаточным функционалом. Мы учли все особенности и «упаковали» их предложение в простой сайт с высоким юзабилити.
Этапы работы:
Нарисовали дизайн и сверстали. Логотип бренда дополняет идею компании «всё, что нужно в одно время в одном месте». Буква P — комната из четырёх стен; коробка, в которую клиент упаковывает всё необходимое.
На страницы сайта мы также добавили геометрические фигуры. Они помогают структурировать мысли, даже если у покупателя, который впервые планирует ремонт, хаос в голове. Фирменные цвета мы добавили на сайт так, чтобы они не отвлекали клиента, но при этом ассоциировались с брендом.
На страницы сайта мы также добавили геометрические фигуры. Они помогают структурировать мысли, даже если у покупателя, который впервые планирует ремонт, хаос в голове. Фирменные цвета мы добавили на сайт так, чтобы они не отвлекали клиента, но при этом ассоциировались с брендом.
Спроектировали страницы сайта. Изучили всю информацию о компании и товарах, которую нужно разместить. Предложили, как её можно распределить на страницах.
Составили техническое задание. Сначала мы узнали потребности клиента, уточнили пожелания, обозначили чёткие цели и предложили свои решения и сроки.
1.
2.
3.
#482979
#e7a518
#d92870
Главная страница
Мы добавили дополнительные фильтры, чтобы покупатель оперативно находил нужный товар. К примеру, бензопилы можно отсортировать по уровню шума, объёму масляного бака, классу пилы и ещё 20-ти техническим характеристикам.
Кроме этого, сделали 3 вида представления карточек товаров: плитка, список и таблица. В первом варианте посетитель может бегло просмотреть сразу несколько позиций и сориентироваться по цене. Вариант со списком подходит тем, кто тщательно изучает характеристики товаров. Для наглядного сравнения лучше всего подойдёт представление таблицей.
Кроме этого, сделали 3 вида представления карточек товаров: плитка, список и таблица. В первом варианте посетитель может бегло просмотреть сразу несколько позиций и сориентироваться по цене. Вариант со списком подходит тем, кто тщательно изучает характеристики товаров. Для наглядного сравнения лучше всего подойдёт представление таблицей.
Каталог товаров
Makita
Ударная дрель Makita HP1640
В наличии
9 200 руб.
Артикул: DP4011
Карточка товара содержит большую фотографию и указание цены. Здесь же стоит галочка, если товар есть в наличии, и добавлена примерная стоимость доставки. Кроме этого, есть дополнительная кнопка вступить в чат с менеджером.
Ещё в десктопной версии рядом с ценой мы вывели основные характеристики, которые влияют на покупку. Если прокрутить страницу, можно найти преимущества товара и информацию, в каких пунктах самовывоза он есть.
Ещё в десктопной версии рядом с ценой мы вывели основные характеристики, которые влияют на покупку. Если прокрутить страницу, можно найти преимущества товара и информацию, в каких пунктах самовывоза он есть.
Карточка товара и корзина
Остальные страницы
Помимо каталога мы добавили на сайт информацию о компании, доставке, условиях сотрудничества с юридическими лицами и несколько других страниц. Ссылки на эти вкладки мы вынесли в шапку сайта.
Во вкладке «Доставка» под адресами пунктов самовывоза мы прикрепили карту, чтобы покупатель мог быстро понять, подходят ли они ему территориально. Если нет, ниже перечислены все службы доставки с указанием цены и кнопками «отследить заказ».
Во вкладке «Доставка» под адресами пунктов самовывоза мы прикрепили карту, чтобы покупатель мог быстро понять, подходят ли они ему территориально. Если нет, ниже перечислены все службы доставки с указанием цены и кнопками «отследить заказ».
Доля переходов с мобильных устройств постоянно растет, поэтому мы уделили максимум внимания мобильной версии — чтобы пользователь мог легко найти интересующий его товар и оформить заказ с телефона или планшета.
Мобильное приложение