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 — це приклад швидкого, функціонального та візуально привабливого сайту.