Назад
Jakkard

ui/ux design / front-end / back-end / wordpress

Вперед
NVB architects studio

ui/ux design / front-end / back-end / wordpress

WestVet

ui/ux design / front-end / back-end / woocommerce

Інтернет-магазин з ефектним та інтуїтивно зрозумілим дизайном, багатомовним інтерфейсом та широкими функціональними можливостями для українського виробника продукції для домашніх улюбленців.

Відвідати сайт

З повагою до людей, з любов’ю до тварин

 

такий принцип сповідує компанія WestVet і саме таким мав стати їхній онлайн-магазин, тобто відвідувач повинен отримати можливість:

— легко і швидко знайти потрібну продукцію

— якнайпростіше здійснити замовлення, чи попередньо проконсультуватись з лікарем ветеринарної медицини

— детально ознайомитись зі складом продукції, способом застосування та протипоказання

— отримати рекомендації щодо догляду за домашніми улюбленцями

Інтерфейс

 

Саме через багатонаціональну аудиторію, було створено UI-kit, з інтуїтивно зрозумілими компонентами та структурою, які однаково добре сприймаються при різних мовах інтерфейсу, а також:

— задіяна контрасна кольорова гама з акцентами на функціональних елементах

— тінями та виділеннями розділено компоненти сторінки

— застосовано типову структуру сторінок магазину та персонального кабінету

— забезпечено можливості швидкої навігації між сторінками

— авторизація та реєстрація користувачів, пошук, фільтрування, сортування та замовлення товарів,  а також зворотний зв’язок – здійснюються без перевантаження сторінки, завдяки широкому використанню технології AJAX.

 

Застосовані технології

 

— HTML 5

— CSS 3

— JavaScript

— jQuery, jQuery UI

— Bootstrap

— AJAX

— WordPress (для управління контактною інформацією та контентом)

— WooCommerce (для управління товарами)

— API “Нова пошта” (для вибору відділення доставки)

— API LiqPay (для здійснення оплати замовлення онлайн)

Мобільна версія

 

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

— було спрощено елементи, які прямо не впливають на ознайомлення з продукцією

— згруповано навігаційні елементи, параметри фільтрування та сортування, тощо.

— збережено короткий шлях від старту роботи до здійснення замовлення

— збережено всю важливу інформацію про продукцію, її параметри та особливості застовування