Здравствуйте. Эту статью написал Дмитрий Дементий, автор блога TexTerra — https://texterra.ru
В этой статье хвастаемся гордо делимся результатами труда. Она посвящена созданию посадочной страницы для службы доставки еды «Имеретинская лавка».
Вводная информация
«Имеретинская лавка» – сервис доставки продуктов для постояльцев гостиничного комплекса «Имеретинский». В службу доставки обращаются жильцы, которые хотят готовить самостоятельно. Продукты закупаются ежедневно одновременно с закупками для ресторана гостиничного комплекса. Благодаря этому постояльцы имеют доступ к свежим продуктам по выгодным ценам. Им не нужно самим ходить за покупками.
Что требовалось от нас
Клиент предложил создать посадочную страницу с каталогом товаров и корзиной. В каталоге нужно было реализовать выбор продуктов, отображение цены и единиц измерения. Например, овощи должны измеряться в граммах, а выпечка в единицах продукции. У пользователя должна быть возможность добавить товар в корзину и отправить заявку специалисту.
Задача решалась в несколько этапов. Сначала был создан лендинг с каталогом товаров. Заказы можно было делать через чат JivoSite.
Первый вариант лендинга
На втором этапе клиент предложил реализовать корзину, разные единицы измерения и отображение цен в зависимости от единиц измерения. Здесь была решена нетривиальная задача: при клике на кнопку корзины заказ отправлялся менеджеру в JivoSite. Стандартная функциональность чата этого не предусматривает.
Отображение цен в корзине в зависимости от выбранных единиц измерения
Вот страница категорий с закрытой корзиной.
Страница категорий с закрытой корзиной
Третий этап работ проводился после тестирования. Здесь было решено отказаться от интеграции с JivoSite. Настроили отправку заявок из корзины на электронную почту сотрудников.
При отправке заказа менеджер получает информацию на электронную почту
Лендинг адаптивный, им удобно пользоваться с экранов разного размера.