ЭКО Пауэр — самый драйвовый сайт об электрокомпонентах

Компания «ЭКО Пауэр» (Электронные КОмпоненты) специализируется на продаже источников питания и импульсных трансформаторов. Это промышленные товары, так что случайных пользователей на сайте ждать не приходится. Тем не менее, заказчик был настроен на креатив. Отлично, нам так даже интереснее.

Задачи

Мы хотели сделать лучший сайт в отрасли. Такой, чтобы он радовал всю аудиторию «ЭКО Пауэр». Это разработчики (не сильно отвлекаются на антураж сайта, а сразу принимаются искать оборудование по нужным параметрам). И снабженцы (воспринимают сайт более эмоционально, оценивают дизайн и качество исполнения).

Решение

Название преобразователей постоянного и переменного тока (AC-DC) вызывает понятные ассоциации. Мы-то точно не могли их проигнорировать. К счастью, в случае с «ЭКО Пауэр» лобовой прием оказался самым эффектным и оправданным. Где применяются их электрокомпоненты? На заводах, атомных станциях, нефтяных вышках или поездах. Это шум, мощь, металл, наконец! Так родилась наша музыкальная пасхалка.

Сочетание букв AC/DC — услада для любого металлиста. Так что идея родилась сразу, и приятно, что заказчик ее поддержал. Несмотря на то, что функциональной нагрузки эта фишка не несет, ее будут видеть многие пользователи. До подвала этого сайта не надо листать, поэтому молния бросается в глаза сразу.

На странице 404 электрические разряды оживлены красивой анимацией, между двумя частями разорванного провода плавает мерцающее облачко.

Теперь о серьезном. О фильтрах. Они здесь навороченные, сложные и немного загадочные для неспециалистов.

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

Набор данных в каталоге одинаков, но для разных разделов фильтр строится по разным параметрам. Поэтому мы сделали фильтр настраиваемым. Например, в фильтре DC-DC-преобразователей настраивается положение ползунков на шкалах. Плюс под шкалой есть чекбоксы — подкатегории товаров. Также принцип «настраиваемости» применим и к выводимой информации. Администратор сайта может настроить порядок вывода опций в списках товаров, на карточках, в поиске, избранном и сравнении.

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

Результат

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

Готовый проект: http://www.e-co.ru/

Подробнее о процессе разработки читайте в блоге scrum-студии «Сибирикс» — http://blog.sibirix.ru/2016/02/09/ecopower/.