Кейс з розробки сайту інтернет-магазину стоматологічних товарів та обладнання Purmed
Тематика: Продаж медичних товарів і стоматологічних матеріалів, напрямок В2В
Регіон: Латвія, Литва, Естонія
Проблематика: розробка сайту інтернет-магазину зі зручним каталогом, цінами та можливістю замовити та оплатити товар в онлайн форматі.
Задачі: Розробити сучасний і функціональний інтернет-магазин на CMS WordPress для компанії, створити зручну платформу для клієнтів, де вони зможуть легко знайти потрібні товари, додати їх у кошик, вибрати зручний спосіб доставки та оплатити замовлення онлайн.
- розробка структури сайту та концепту дизайну
- зручна та зрозуміла фільтрація товарів в каталозі
- розробка eCommerce проєкту на CMS WordPress з нуля
- адаптивна верстка сайту (мобільні пристрої, планшети, десктоп)
- реалізація трьох мовних версій на сайті
- адаптація адміністративної панелі для зручного керування
- зручне коригування цін та формування акційних пропозицій на сайті
- створення інструкції з користування сайтом
- впровадження систем онлайн-оплати на сайті
Розробка Головної сторінки
На головній сторінці першому екрані розташовано великий банер, який інформує про поточні акції, спеціальні пропозиції та новинки. Далі по сторінці представлено блок з популярними категоріями товарів. Це допомагає користувачам швидко перейти до найпопулярніших розділів каталогу, таких як “Одноразові матеріали”, “Товари для протезування”, “Товари для гігієни зубів” та інші.
Головна сторінка також містить блок з рекомендованими товарами, що включає найбільш популярні або нові продукти.
У середній частині сторінки розташований блок Розпродаж товарів та опис основних переваг компанії, щоб показати потенційному клієнту надійність співпраці з інтернет-магазином.
Реалізація каталогу на сайті та фільтрації
На сайті Purmed був розроблений розширений каталог, який охоплює широкий асортимент стоматологічних товарів та обладнання.
Каталог структуровано за категоріями, що дозволяє користувачам легко знаходити потрібні продукти.
Кожна категорія містить підкатегорії, такі як інструменти, матеріали, обладнання та інші спеціалізовані товари, що спрощує навігацію для користувачів з різними потребами.
А також під каталогом додані блоки Акції та Новинок, щоб привернути увагу користувача.
Розробка сторінки товару
Для кожного товару в каталозі передбачено детальний опис, що включає технічні характеристики, інформацію про виробника, зображення товару та іншу важливу інформацію.
Це дозволяє клієнтам зробити обґрунтований вибір, не покидаючи сторінку товару. Також, на сторінках товарів виведено блок, де за допомогою елементів інфографіки ми показуємо про можливості безкоштовної доставки, акції та переваг компанії.
Фільтрація каталогу товарів:
Щоб спростити процес пошуку і зробити його максимально ефективним, на сайті було впроваджено систему фільтрації. Користувачі можуть відфільтрувати товари за різними параметрами, такими як: сортування за популярністю, за ціною, за рейтингом та інші
Фільтрація працює в реальному часі, тому результати оновлюються миттєво без необхідності перезавантаження сторінки. Це робить процес пошуку максимально швидким і зручним для користувачів, дозволяючи їм швидко знаходити потрібні товари серед великого асортименту.
Завдяки реалізації каталогу та ефективній фільтрації, сайт Purmed забезпечує зручний доступ до необхідної інформації та значно покращує користувацький досвід.
Розробка кошика покупок та оформлення замовлення
Інтернет-магазин було розроблено з інтуїтивно зрозумілим інтерфейсом, який дозволяє користувачам швидко знаходити потрібні товари за допомогою зручної навігації та пошуку. Кожен товар має детальний опис, фото та можливість додати його в кошик. Кошик забезпечує функцію редагування замовлення перед оформленням, що дозволяє змінювати кількість товарів або видаляти непотрібні позиції.
Для зручності клієнтів була впроваджена система онлайн-оплати, яка підтримує різні способи оплати, включаючи кредитні та дебетові картки. Це дозволяє клієнтам здійснювати безпечні та швидкі платежі без необхідності покидати сайт.
Є кілька варіантів доставки в Латвію, Литву та Естонію, щоб задовольнити різні потреби клієнтів в різних країнах. Користувачі можуть обрати зручний для них спосіб доставки, включаючи отримання товару в магазині, доставка кур’єром, доставка до пункту самовивозу DPD або кур’єром DPD, а також безкоштовна доставка по Ризі.
CMS: WordPress (WooCommerce)
Шрифти: Google Font API, Twitter Emoji (Twemoji)
JS-бібліотеки: LazySizes, jQuery UI, jQuery
Плагіни WordPress: WPMU DEV Smush, Contact Form 7, Polylang, Woocommerc
Аналітика: Google Analytics, GA4, Google Tag Manager
Оптимізація швидкості завантаження
Кнопки заклику до дії, форми на сайті та клікабельні елементи зв’язку
Для більш активного залучення клієнтів та фокусу на важливих діях на сайті, ми впровадили такі кнопки до дії:
- Каталог продукції: на головній сторінці та в випадаючому меню для легкого вибору категорії товарів.
- Активні контакти в шапці сайту: клікабельні прямі переходи в месенджери: Whatsapp, Viber, email, клікабельний номер телефону для швидкого дзвінка.
- Іконки соціальних мереж: додані в шапці сайту іконки Facebook та Instagram.
Меню сайту було зафіксовано при скролі для зручності користувача. Таким чином всі контактні дані постійно залишаються на видному місці.
Результати:
Сайт Purmed став зручним інструментом для стоматологів та медичних закладів, що шукають якісні стоматологічні товари та обладнання. Впровадження онлайн-оплати та різноманітних способів доставки значно підвищило зручність користування сайтом і збільшило кількість успішних транзакцій.