WOO — компанія, створена в 2015 році, яка займається створенням дизайнерських меблів. Це місце, де підкреслені скульптурні форми та зручність для повсякденного використання зливаються воєдино. Ми отримали задачу на розробку сайту для інтернет-магазину цієї компанії. Розглянемо, як наші розробники реалізували це завдання.
З чого складається інтернет-магазин?
Продумана структура — важливий нюанс при створенні інтернет-магазину. Наші розробники реалізували такі сторінки в цьому проєкті:
- Головна. Вона має бути особливою, оскільки саме з неї починається знайомство користувача з магазином. В цьому проєкті ми реалізували на головній сторінці каталог у вигляді колажу, великий банер-карусель з кнопкою «Дізнатись більше», розділ з контактною інформацією та корисними сторінками для користувача, віджет соціальної мережі Instagram.
- Хедер. В лівому куті розташовано клікабельний логотип компанії. Якщо на нього клікнути, знаходячись не на головній сторінці сайту, користувача перенесе на неї. В центрі хедеру наші розробники створили посилання на «Магазин», «Категорії», «About», «Дизайнери» та «Контакти». В розділі «About» користувач може дізнатись детальніше про компанії та новини. В правій частині хедеру — класичний набір інтернет-магазину. Ми реалізували «Пошук», «Список бажань», «Кабінет користувача», «Корзина» та кнопку переключення мови.
- Категорії. Для кожної категорії передбачено окрему сторінку. Користувачу доступні такі категорії як столи, стільці, ліжка, пуфи та інші.
Інтеграції: що ми реалізували
Технологічність — обов’язкова риса сучасного інтернет-магазину. Розглянемо детальніше інтеграції, які реалізували наші розробники:
- Instagram. Лише в декілька кліків користувач може переглянути сторінку компанії в цій соціальній мережі та підписатись. Instagram інтегровано за допомогою спеціального блоку сторонніх розробників.
- Пошук. Ця функція обов’язкова для інтернет-магазинів з великим асортиментом. Ми реалізували її за допомогою технології AJAX. Завдяки цьому користувач легко відшукає товари з категорії, яка його цікавить.
- Мультимовність та мультивалютність. Корисна функція для власників бізнесу, які працюють в декількох країнах. На цьому сайті ми реалізували українську, англійську та французьку мови. Наша команда розробників сайтів встановила плагіни WPML, WooCommerce Multilingual та Multicurrency. Мова та валюта змінюються в залежності від локації користувача.
- Функції сторінки товару. Вибравши модель меблів, користувачу доступно декілька варіантів обивки. Вибрати тканину можна безпосередньо на сайті. Крім цього, ми реалізували кнопку «Замовити консультацію», якщо у клієнта компанії виникають додаткові питання. Також на цій сторінці можна завантажити 3D-модель виробу та подивитись ескіз з розмірами.
- Соціальні мережі. Внизу головної сторінки розташовано невеликий блок із клікабельними посиланнями на «FaceBook», «Instagram», «YouTube», «WhatsApp», «Pinterest».
Результат
Сучасний інтернет-магазин міжнародного масштабу — це не лише корзина, каталог та онлайн-оплата. Необхідно побудувати цілу систему, щоб зацікавити користувача та забезпечити йому комфорт під час перегляду каталогу, оформлення замовлення та оплати. Проєкт WOO — наочний приклад, що можливості WordPress та WooCommerce дозволяють це реалізувати. Одна із основних особливостей цього сайту — він побудований на основі білдеру Elementor. Після розробки нашою компанією клієнт залишився повністю задоволеним, адже він отримав швидкий сайт з бажаним дизайном та функціями.