Интернет-магазин и личный кабинет клиента ГК "Промэлектроника"

С одной стороны, главная страница — это лицо сайта. А с другой стороны — это всего лишь точка прямого входа и, как правило, посетители переходят с нее на нужный им раздел.

В этом проекте был любопытный момент. Перед разработкой нового сайта у нас была возможность изучить поведение пользователей на старой версии и выяснить, что новости компании интересуют менее чем 2% от общего числа посетителей. Поэтому мы спроектировали структуру главной страницы сайта таким образом, чтобы блок новостей был ниже основного содержательного блока — каталога продукции. Более 90% посетителей интересовал каталог и поиск по каталогу.

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

На страницах товарного каталога было три сложности.

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

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

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

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

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

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

Процесс оформления заказа, как и все остальное на данном проекте, получился не типовой.

1. Можно консолидировать текущий заказ, с предыдущим, который еще не отгрузили, чтобы их отправили вместе.

2. Доставка возможно 6 транспортными компаниями, с которыми пришлось интегрироваться, а для расчета стоимости необходимо было считать габариты и вес. Т. к. таких данных для всех товаров в системе учета не было, придумали усредненные значения для категории и использовали их, когда товар не имел соответствующих параметров в учетной системе.
Из забавных моментов - пока делали сайт, одна из служб доставок, с которой планировалось интегрроваться, закрылась.

3. Можно разбить заказа на разные отгрузки, если в нем есть товары из наличия и товары с внешних складов. В этом случае товары из наличия отправляются сразу, а товары под заказ позже.

4. У каждого заказчика ведется справочник плательщиков, если он работает от нескольких юрлиц, и справочник адресов для доставки.

В личном кабинете клиенты компании могут:

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