ЭКО, Power, Rock’n’Roll!

Самый драйвовый сайт об электрокомпонентах

Этот проект особенно порадует тех, кто не забыл, как складывать из пальцев козу, а лучшим звуком на свете считает старые добрые гитарные риффы.

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

Задачи

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

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

Ирина

Руководитель проекта

Всем, кто работал над проектом — аналитикам, дизайнерам и программистам — с какими-то моментами приходилось сталкиваться впервые.

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

Дарья

Аналитик

Дизайн

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

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

Евгений

Арт-директор

Продолжаем в том же духе. Иконки в меню срисованы с ГОСТа, зато при наведении подскакивают, как верхняя тарелка хай-хэта.

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

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

Разработка

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

Андрей

Разработчик

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

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

Готовый проект

ЭКО Пауэр