WordPress — CMS-платформа з відкритим кодом, яка дозволяє створювати функціональні сайти для різних ніш. Frag Die Apotheke — сервіс, на якому користувачі можуть отримати безкоштовну консультацію фармацевта. Розглянемо, що ми реалізували в цьому проєкті та наскільки сайт вийшов зручним для користувачів.

Що запропоновано користувачу?

Цей сайт — збірка корисної інформації та сервісів. Користувачу доступні такі опції:

  • Отримання консультації. Задати питання експертам можна в декілька кліків.
  • Відповіді на популярні питання. На сайті передбачено блоки з відповідями на популярні питання, які поділено на категорії. Продумана навігація спрощує пошук для користувача.
  • Аналіз онлайн. Якщо цікавлять проблеми зі шкірою, можна провести аналіз онлайн та отримати попередній діагноз.
  • Пошук аптек. Коли потрібні ліки, можна онлайн знайти аптеки.
  • Знайомство з експертами. Реалізовано сторінку, на якій представлені консультуючі фармацевти.

Інтеграції: які функції реалізували наші розробники сайтів на WordPress

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

  • Чат-бот. Ми інтегрували віджет Live Chat за допомогою спеціального скрипта. При кліці на кнопки CTA «Поставити питання» чи «Отримати консультацію» в правому нижньому куті відкривається віконце з чатом. Користувач може поспілкуватись зі спеціалістом.
  • Онлайн-аналіз шкіри. При кліці на кнопку «Почати аналіз» користувача переносить на сторінку з QR-кодом. Ми зробили кнопку, яка переносить користувача на відповідний сервіс. Відсканувавши QR-код за допомогою смартфона або планшета, можна зробити фото обличчя та отримати аналіз шкіри (тип, проблеми тощо). 
  • Категорії питань. Вони розташовані одна під одною. Кожне питання в окремому блоці. Клікнувши по питанню, користувача переносить на окрему сторінку з розгорнутою відповіддю.
  • Пошук аптек. Наша команда розробників сайтів на WordPress виконала інтеграцію Google Maps та реалізувала список. Google карти ми інтегрували кастомним кодом. Він автоматично шукає найближчі аптеки в залежности від локації користувача. Це підвищує зручність, оскільки можна вибрати аптеку поруч або ознайомитись із запропонованими варіантами зі списку.
  • Пошук по сайту. Інтеграцію реалізовано за допомогою коду PHP. Користувачу достатньо ввести ключові слова запиту, щоб знайти релевантні результати.
  • Соціальні мережі. У футер ми впровадили три кнопки з посиланнями на Instagram, FaceBook та TikTok. Легко перейти на сторінки сервісу в соціальних мережах.

Анімації та візуали

Оскільки послуги для користувачів безкоштовні, сайт функціонує за підтримки партнерів та платних підписок. Відображення логотипів партнерів ми реалізували у вигляді анімації — два рядки, що рухаются. Перший рухається справа наліво, а другий — зліва направо. Розробники інтегрували таку анімацію за допомогою інструмента Slider Splide. Крім цього, на сайті присутні тематичні іконки, картинки та фотографії. Ми використали формат webp, щоб завантажити візуали в гарній якості без уповільнення роботи сайту.

Результат

Зручний інтерфейс, анімації та функціональність — це необхідність, щоб залучити відвідувачів на сайт. Наша команда розробників WordPress створила швидкий сайт з кастомними функціями. Ми використали передові технології та найпопулярніші плагіни, щоб досягти результативності. Крім цього, ми встановили інструмент аналітики Matomo Analytics, щоб замовник легко відстежував ефективність сайту. В результаті Frag Die Apotheke — це приклад швидкого, функціонального та візуально привабливого сайту.