logo / brandbook
BeeWell
ui/ux design / front-end / back-end / woocommerce
Інтернет-магазин препаратів для бджільництва, ціль якого – детально ознайомити відвідувачів з асортиментом продукції та спростити процес оформлення замовлень та консультації з ветеринаром.
Відвідати сайт
Головна сторінка
На сторінці відображено блоки, які демонструють ключову інформацію:
— цінності компанії
— стислу інформацію про виробництво, логістику та випробування продукції
— перелік продукції, яка користується особливим попитом серед покупців
— статті з рекомендаціями щодо ефективного ведення бджільництва
Можливості користувача на головній сторінці
— зв’язатись з лікарем ветеринарної медицини
— додати товари в кошик
— замовити товари миттєво
— перейти до повного каталогу продукції
— перейти до статей
Інтерфейс
Палітра кольорів сформована на основі фірмового стилю, а також розширення для контрастного виділення функціональних елементів.
Так як більшу частину аудиторії становлять люди старшого віку, особливу увагу приділено тексту – підібрано добре читабельний шрифт, з оптимальним розміром тексту.
Мобільна версія
Згідно даних аналітики – більше ніж 75% сеансів з’єднання з сайтом здійснені з мобільних пристроїв. Саме тому особливу увагу при проектуванні інтерфейсу було приділено саме версії для смартфонів:
— усю інформацію подано максимально компактно, але збережено зручність читання тексту
— приховано елементи, які не допомагають ознайомлюватись з продукцією
— збережено короткий шлях від старту роботи до замовлення
Застосовані технології
— HTML 5
— CSS 3
— JavaScript
— jQuery, jQuery UI
— Bootstrap
— AJAX
— WordPress (для управління контактною інформацією та контентом)
— WooCommerce (для управління товарами)
— API “Нова пошта” (для вибору відділення доставки)
— API LiqPay (для здійснення оплати замовлення онлайн)
Каталог
Важливо було забезпечити зручність у пошуку потрібного товару, а також звуження результатів пошуку за всеможливими критеріями. Саме тому було реалізовано:
— “живий” пошук за назвою товару на усіх сторінках сайту
— фільтування товарів каталогу без перевантаження сторінки за ціною, упаковкою, призначенням продукту та ін.
— сортування товарів каталогу без перевантаження сторінки
Сторінка товару
Так як продукція BeeWell використовується для лікування та профілактики захворювань бджілок, і застосовується безпосередньо у вуликах – тому інформація про препарати повинна бути подана максимально інформативно та зручно, саме тому на сторінці товару:
— одразу під назвою містить загальну інформацію про форму випуску, і призначення товару
— в полі зору розміщено можливість замовлення консультації з лікарем ветеринарної медицини
— вкладками огранізовано детальну інформацію про продукт: характеристики, склад, спосіб застосування та протипоказання
— надано можливість легко здійснити замовлення: додати в кошик чи перейти до оформлення замовлення через кошик, а також ввівши номер телефону здійснити миттєве замовлення товару
