Послуги

  • Сайти
  • Контент
  • Просування
  • Бітрікс24
  • Додатки
Усі послуги Оплата
Бітрікс24
Усі послуги Оплата

Пошук

  • Разработка интернет-магазина под ключ
  • Разработка сайтов
  • Разработка леднигов
  • Разработка на битрикс24
  • Разработка на Вордпресс

Інтернет-магазин кави та чаю з доставкою

Про проект

«Imperial Coffee» — інтернет-магазин, що спеціалізується на каві та обладнанні для вендінгу. Його основними клієнтами є роздрібні магазини, кафе, ресторани та кав’ярні.

Раніше компанія була представлена на маркетплейсі Prom.ua, але потім вирішили розробити власний інтернет-магазин і перенести на нього весь каталог товарів. Вирішенням цього завдання й займалася команда Webnauts.

Дизайн та навігація

Інтернет-магазин виконаний у спокійних пастельних тонах та мінімалістичному стилі. М’які тіні навколо елементів інтерфейсу додають дизайну об’єму та глибини. Лаконічні підписи, легка друкарня, відсутність нагромаджень – сайт створює відчуття простоти та зручності.
Для додаткового залучення користувачів реалізовано невеликі «паски». Наприклад, при наведенні курсору на категорії товарів він перетворюється на плаваючу підказку з написом «Тягнути».
Каталог товарів та послуг виконаний у вигляді стандартної сітки пропозицій та блоку фільтрації зліва. Картки товарів, незважаючи на зовнішню простоту, містять усі необхідні елементи:
  • код товару, який зручно продиктувати менеджеру під час консультації;
  • статус наявності, що дозволяє заощаджувати час і не переходити на сторінки відсутніх товарів;
  • дві основні характеристики, що дають загальне уявлення про товар/послуги;
  • кнопка «Додати до кошика», що дозволяє не залишаючи каталог відкласти у кошик усі необхідні товари.

На сторінці товару вся інформація подається максимально компактно. Умови доставки, оплати та повернення ховаються за відповідними табами, що дозволяє задіяти мінімум екранного простору. За таким самим принципом розділено опис товару та його характеристики.

Такий підхід дозволив нам домогтися поєднання високої густини інформації та естетично привабливої подачі товару.

Адаптивність

Під час розробки дизайну ми завжди приділяємо особливу увагу мобільній версії. Адаптуючись під малі екрани, сайт повинен зберігати всю свою функціональність, при цьому повністю змінюючи подачу інформації.

Сайт “Imperial Coffee” є повністю адаптивним. Він однаково добре буде відображатися як на компактних смартфонах, так і на планшетах з високою роздільною здатністю екрану. Ми спростили деякі елементи інтерфейсу, сховавши незначну інформацію, проте загальна функціональність і зручність при цьому не постраждали.

Інтеграція з Новою Поштою

Ми підключили до сайту модуль доставки інтернет-покупок від Нової Пошти. Завдяки цьому покупці можуть обирати варіант доставки замовлення Новою Поштою, вказуючи будь-який із зручних способів: доставка на відділення, поштомат або кур’єром за адресою. При цьому всі дані про відділення та пошти автоматично підтягуються у форму вибору.
Інтеграція значно полегшує оформлення замовлення як для клієнтів, так і для менеджерів, які оброблятимуть замовлення. Останні зможуть формувати експрес-накладні замовлення для Нової Пошти прямо з адмін-панелі сайту.

Імпорт із Прома в пару кліків

На момент створення власного інтернет-магазину у нашого клієнта було представлено великий каталог товарів на маркетплейсі Prom.ua. Ручне перенесення контенту було б дуже час витратним заходом, тому ми налаштували простий імпорт товарів.
Штатна функціональність Prom дозволяє експортувати всі товарні позиції у вигляді CSV або YML-файлу, після чого ми в пару кліків імпортуємо ці дані до WordPress. При перенесенні зберігається кожен компонент товару: структура категорій та підкатегорій, опис та характеристики, фотографії, ціни та наявність.

Автоматичний переклад українською мовою

У зв’язку із «законом про мову» з початку 2021 року всі комерційні сайти зобов’язані мати українську версію. Ця версія сайту повинна завантажуватися за замовчуванням, а її обсяг та зміст повинні бути не меншими, ніж у версії російською мовою.
Враховуючи велику кількість товарів та категорій, перевести такий обсяг інформації вручну дуже важко. До того ж, необхідно перекладати як описи, а й заголовки, метатеги, характеристики. У зв’язку з цим ми підключили автоматичне переведення сторінок за допомогою Google Cloud Translation API.
Винятком стали лише елементи інтерфейсу та назви основних розділів – тут знадобилося ручне втручання, яке дозволило усунути дефекти машинного перекладу.

Підсумки

Розроблений нами сайт вийшов простим та зручним для відвідувачів: товари легко знаходити в каталозі, вся інформація подається максимально доступною, а оформлення замовлення займає мінімум часу.

Не забуті й менеджери інтернет-магазину: завдяки інтеграції з НП оформлення доставки стало в рази простішим, а швидкий імпорт товарів з Prom.ua допомагає підтримувати обидві платформи в актуальному стані.

Замовити розробку інтернет-магазину чаю, кави та обладнання для вендінгу.

Опишіть нам Вашу ідею – отримайте кошторис на створення майданчика для продажу товарів протягом кількох годин!

Над проектом работали