Інтернет-магазин кави та чаю з доставкою
Про проект
«Imperial Coffee» — інтернет-магазин, що спеціалізується на каві та обладнанні для вендінгу. Його основними клієнтами є роздрібні магазини, кафе, ресторани та кав’ярні.
Раніше компанія була представлена на маркетплейсі Prom.ua, але потім вирішили розробити власний інтернет-магазин і перенести на нього весь каталог товарів. Вирішенням цього завдання й займалася команда Webnauts.
Дизайн та навігація
- код товару, який зручно продиктувати менеджеру під час консультації;
- статус наявності, що дозволяє заощаджувати час і не переходити на сторінки відсутніх товарів;
- дві основні характеристики, що дають загальне уявлення про товар/послуги;
- кнопка «Додати до кошика», що дозволяє не залишаючи каталог відкласти у кошик усі необхідні товари.
На сторінці товару вся інформація подається максимально компактно. Умови доставки, оплати та повернення ховаються за відповідними табами, що дозволяє задіяти мінімум екранного простору. За таким самим принципом розділено опис товару та його характеристики.
Такий підхід дозволив нам домогтися поєднання високої густини інформації та естетично привабливої подачі товару.
Адаптивність
Під час розробки дизайну ми завжди приділяємо особливу увагу мобільній версії. Адаптуючись під малі екрани, сайт повинен зберігати всю свою функціональність, при цьому повністю змінюючи подачу інформації.
Сайт “Imperial Coffee” є повністю адаптивним. Він однаково добре буде відображатися як на компактних смартфонах, так і на планшетах з високою роздільною здатністю екрану. Ми спростили деякі елементи інтерфейсу, сховавши незначну інформацію, проте загальна функціональність і зручність при цьому не постраждали.
Інтеграція з Новою Поштою
Імпорт із Прома в пару кліків
Автоматичний переклад українською мовою
Читайте також:
Створення україномовної версії інтернет-магазинуПідсумки
Розроблений нами сайт вийшов простим та зручним для відвідувачів: товари легко знаходити в каталозі, вся інформація подається максимально доступною, а оформлення замовлення займає мінімум часу.
Не забуті й менеджери інтернет-магазину: завдяки інтеграції з НП оформлення доставки стало в рази простішим, а швидкий імпорт товарів з Prom.ua допомагає підтримувати обидві платформи в актуальному стані.
О проекте
«Imperial Coffee» — интернет-магазин, специализирующийся на кофе и оборудовании для вендинга. Его основными клиентами являются розничные магазины, кафе, рестораны и кофейни.
Ранее компания была представлена на маркетплейсе Prom.ua, но затем было решено разработать собственный интернет-магазин и перенести на него весь каталог товаров. Решением этой задачи и занималась команда Webnauts.
Дизайн и навигация
Интернет-магазин выполнен в спокойных пастельных тонах и минималистичном стиле. Мягкие тени вокруг элементов интерфейса добавляют дизайну объёма и глубины. Лаконичные подписи, лёгкая типографика, отсутствие нагромождений — сайт создаёт ощущение простоты и удобства.
Для дополнительного вовлечения пользователей реализованы небольшие «пасхалки». Например, при наведении курсора на категории товаров он превращаются в плавающую подсказку с надписью «Тащить».
Каталог товаров и услуг выполнен в виде стандартной сетки предложений и блока фильтрации слева. Карточки товаров, несмотря на внешнюю простоту, содержат все необходимые элементы:
- код товара, который удобно продиктовать менеджеру во время консультации;
- статус наличия, позволяющий экономить время и не переходить на страницы отсутствующих товаров;
- две основных характеристики, дающие общее представление о товаре/услуге;
- кнопка «Добавить в корзину», позволяющая не покидая каталог отложить в корзину все необходимые товары.
На странице товара вся информация подаётся максимально компактно. Условия доставки, оплаты и возврата скрываются за соответствующими табами, что позволяет задействовать минимум экранного пространства. По такому же принципу разделено описание товара и его характеристики.
Такой подход позволил нам добиться сочетания высокой плотности информации и эстетически привлекательной подачи товара.
Адаптивность
При разработке дизайна мы всегда уделяем особое внимание мобильной версии. Адаптируясь под малые экраны сайт должен сохранять всю свою функциональность, при этом полностью изменяя подачу информации.
Сайт «Imperial Coffee» является полностью адаптивным. Он одинаково хорошо будет отображаться как на компактных смартфонах, так и на планшетах с высоким разрешением экрана. Мы упростили некоторые элементы интерфейса, спрятав малозначимую информацию, однако общая функциональность и удобство при этом никак не пострадали.
Интеграция с Новой Почтой
Мы подключили к сайту модуль доставки интернет-покупок от Новой Почты. Благодаря этому покупатели могут выбирать вариант доставки заказа Новой Почтой, указывая любой из удобных способов: доставка на отделение, почтомат или курьером по адресу. При этом все данные об отделениях и почтоматах автоматически подтягиваются в форму выбора.
Интеграция значительно упрощает оформление заказа как для клиентов, так и для менеджеров, который будут обрабатывать заказы. Последние смогут формировать экспресс-накладные заказов для Новой Почты прямо с админ-панели сайта.
Импорт из Прома в пару кликов
На момент создания собственного интернет-магазина у нашего клиента был представлен обширный каталог товаров на маркетплейсе Prom.ua. Ручной перенос контента был бы весьма времязатратным мероприятием, поэтому мы настроили простой импорт товаров.
Штатная функциональность Prom позволяет экспортировать все товарные позиции в виде CSV или YML-файла, после чего мы в пару кликов импортируем эти данные в WordPress. При переносе сохраняется каждый компонент товара: структура категорий и подкатегорий, описание и характеристики, фотографии, цены и наличие.
Автоматический перевод на украинский язык
В связи с «законом про мову» с начала 2021 года все коммерческие сайты обязаны обзавестись украиноязычной версией. Эта версия сайта должна загружаться по умолчанию, а её объём и содержание должны быть не меньше, чем у версии на русском языке.
Читайте также:
Создание украиноязычной версии интернет-магазинаУчитывая большое количество товаров и категорий, перевести такой объём информации вручную крайне затруднительно. К тому же, необходимо переводить не только описания, но и заголовки, метатеги, характеристики. В связи с этим мы подключили автоматический перевод страниц с помощью Google Cloud Translation API.
Исключением стали только элементы интерфейса и названия основных разделов — здесь понадобилось ручное вмешательство, которое позволило устранить дефекты машинного перевода.
Итоги
Разработанный нами сайт получился простым и удобным для посетителей: товары легко находить в каталоге, вся информация подаётся максимально доступна, а оформление заказа занимает минимум времени.
Не забыты и менеджеры интернет-магазина: благодаря интеграции с НП оформление доставки стало в разы проще, а быстрый импорт товаров из Prom.ua помогает поддерживать обе платформы в актуальном состоянии.
Комментарии