Интернет магазин товаров для детейлинга на Laravel - CardetailLab Shop

14 мая 2018г.

Интернет-магазин CarDetailLab занимается продажей товаров для детейлинга. Магазин является по сути подпроектом большого портала компании. Ввиду сложной структуры материнского сайта, стало очевидно, что никакая стандартная CMS не подойдет, и было принято решение делать весь проект на Laravel framework.
Создание магазина с нуля на Ларавеле - достаточно сложная задача и затратная по времени. К тому же, клиент хотел всюду нестандартные решения, поэтому на разработку ушло 9 месяцев. Можно с уверенностью сказать, что это наш самый нетипичный магазин и самый дорогой. Расскажем подробности проекта:

Кардетейллаб нацелен на решение проблем клиентов. Специально для этого была придумана подборка - по сути комплект товаров, до 10 штук, который комплексно решает задачу клиента. Например, комплект антидождь, все, что нужно для защиты авто от дождя. При этом подборку можно целиком положить в корзину. Сами подборки выводятся в умную сетку подборок, которая подстраивается под устройство.

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

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

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

Второй сложностью в логике работы уже чекаута и пользователей в целом стало требование клиента - авторизация через телефон, к черту имейл. Аля приватбанк. И при этом, если даже смска напрягает, 1 клик и вход через соцсеть по фэйсбуку или гуглу. Честно вам скажу, задача довольно сложная, учитывая, что в соцсети авторизация идет по имейлу, а войти в аккаунт, как и регнуться можно и так, и сяк. Обязательно посмотрите, как мы решили эту задачу на самом сайте. Когда вы вводите телефон и вы есть в базе, сайт на лету здоровается с вами и предлагает ввести пароль или получить смску с ним.
Инновации продолжились и в чекауте: клиент говорит - к черту лишние клики. Открывайте следующие шаги сразу по мере заполнения юзером данных. Сказано - сделано. Довольно удобно) Сверху расположен прогрессбар. Подключено Апи новой почты, город подтягивается сразу из личных данных, остается указать только отделение. Была разработана с нуля платежка для оплаты по безналу. Для оплаты онлайн прикручен ликпей.

Тернистым путем идем дальше - страница благодарности. Помимо базовой информации, здесь необычный дизайн, а также 2 интересные функции: получить инструкции по купленным товарам на почту, или почитать про купленные товары в блоге.