Інтернет-магазин іменних прикрас
Про проект
До нас звернулися представники компанії ТОВ «Сільвер 24», яка спеціалізується на створенні іменних ювелірних прикрас із опрацюванням авторських виробів до найдрібніших деталей. Продукція виконується в золоті та сріблі, з різними заготовленнями та додатковими елементами, гравіюванням, з інкрустацією фіанітами та діамантами. Головне, що потрібно реалізувати в інтернет-магазині, — це можливість відвідувачам сайту самим конструювати ювелірні вироби для подальшого замовлення. За результатами обговорення завдання нашими фахівцями було запропоновано варіант створення інтернет-магазину прикрас на «движку» WordPress і WooCommerce.
Чому WordPress?
На основі CMS WordPress у мережі базується приблизно 30% сайтів, а майже третина всіх наявних інтернет-магазинів – на взаємній інтеграції WordPress і WooCommerce. Основними доказами на користь цієї платформи було:
- Простота. У плані налаштувань та управління WordPress та WooCommerce рівних немає.
- Надійність та безвідмовність. Грамотно налаштовані сайти на WordPress працюють як годинник.
- Безплатність. Базовий, але досить повний інструмент доступний вам повністю, незалежно від виторгу, кількості товарів та інших характеристик.
- Розвинена екосистема. Для WordPress і WooCommerce створено величезну кількість безплатних плагінів і тем для конкретних практичних завдань.
- Широка функціональність.WooCommerce «з коробки» забезпечує вас базовим функціоналом інтернет-магазину, а за допомогою плагінів (безплатних та платних) функціональність платформи можна розширити, а сайт адаптувати до потреб конкретного проєкту.
Виходячи з цих переваг та доступного бюджету, було зроблено вибір на користь розробки інтернет-магазину прикрас на WordPress+Woocommerce. Також були сформульовані основні вимоги до майбутнього сайту: «легкість», приємний дизайн, user-friendly функціонал інтернет-магазину, наявність конкретних модулів доставки та платіжних систем, а також просунута форма попереднього замовлення та онлайн-конструктор прикрас. Проаналізувавши всі нюанси та прикинувши приблизні терміни розробки, ми приступили до щільної роботи.
Докладніше про розробку:
Послуги з розробки сайтів на WordPressСтруктура та функціонал
Для нормальної роботи інтернет-магазину потрібен шаблон інтернет-магазин, який повністю сумісний з WooCommerce. За підсумками обговорення обрано варіант, що влаштовував обидві сторони, під подальшу розробку. На його основі нами був розроблений простий та інтуїтивний інтерфейс навігації з мінімумом переходів по сайту, що не дозволяє «загубитися» при навігації: шлях з головної сторінки до оформлення замовлення складає всього 5 кліків!
Важливим моментом є наявність варіативності в товарах — це дозволяє покупцеві вибрати з наданих варіантів прикраси той, який найбільше йому підходить. Для глибшого «налаштування» існують конструктор і форма попереднього замовлення, про які ми розповімо трохи пізніше.
Дизайн та зовнішній вигляд
Клієнта, який не поспішає здійснювати так швидко покупку, а охочого спершу подивитися на сам сайт, безперечно порадує слайдер з професійними тематичними фотографіями виробів клієнта та приємними анімаціями. Будь-який товар, що сподобався, можна закинути в список бажаного, а щоб не упустити кількість доданого — у верхньому правому меню ми розмістили відповідну іконку:
Для тих, хто любить попередньо розглядати товар у найдрібніших подробицях передбачено збільшення зображення за наведенням на прев’ю товару:
Адаптивність
Раніше якість сайту оцінювалася насамперед на основі версії для комп’ютерів. Оскільки більшість користувачів зараз відкривають Google Пошук на мобільних пристроях, сканування та індексування сторінок тепер виконує насамперед робот Googlebot для смартфонів. Звідси з’явилася парадигма Mobile First. Наша команда завжди намагається відповідати сучасним стандартам розробки, тому було проведено багато робіт з покращення адаптивності сайту до мобільних пристроїв.
Форма замовлення
Важливим моментом у розробці інтернет-магазину іменних ювелірних прикрас було створення форми замовлення з варіативністю вибору. Дана форма, на думку замовника, необхідна для клієнтів, яким не хочеться занурюватися в конструктор прикрас (про яке нижче) і хочеться все «трохи простіше». У результаті, у реалізованій нами формі клієнт має:
- Вибір тематики прикраси;
- Вибір матеріалу вибір типу прикраси;
- Можливість робити замовлення на кілька однакових фігурок;
- Можливість вибору додаткового тематичного елемента;
- Вибір довжини браслета або ланцюжка;
- Вибір вставок;
- Вказівка для гравіювання;
- Вказати додаткові побажання до замовлення.
Конструктор прикрас
Так само важливим моментом було створення конструктора прикрас. Це – розробка наших програмістів, створена на AngularJS з варіативністю та підтримкою Drag’n’Drop (з десктопних та мобільних пристроїв), а також інтеграцією у функціонал WooCommerce. Конструктор організований у 3 простих кроки:
- Клієнт вибирає матеріал прикраси, фігурки (можна розташовувати в довільному порядку і вибирати скільки завгодно) і вставки;
- Клієнт вибирає довжину браслета та вказує написи для гравіювання;
- Перевіряє коректність свого вибору та переходить до оформлення замовлення.
Натомість для зручності адміністрування товари, тобто. фігурки, що підтягуються в конструктор зі стандартного функціонала WooCommerce, підтримуючи динамічне ціноутворення безпосередньо від товару, минаючи будь-які зміни в самому конструкторі. Замовлення з конструктора «падає» до стандартного для WooCommerce розділу «Замовлення», звідки подальше адміністрування доступне всім відповідальним за конфігурування замовлень співробітникам.
Інтеграція з Бітрікс24
Однією з найважливіших умов створення інтернет-магазину іменних прикрас була інтеграція сайту на платформі WordPress із CRM Бітрікс24. З використанням наявних плагінів та власних розробок нами було реалізовано такі сценарії створення лідів:
- під час реєстрації на сайті;
- при оформленні замовлення у Woocommerce;
- при заповненні контактної форми замовлення;
- при використанні онлайн-конструктора товару;
- при оформленні «швидкого» замовлення у картці товару.
Таким чином, будь-яка взаємодія користувача з сайтом із заповнення контактних даних призводила до створення ліда в Бітрікс24. А значить – до швидкої та зручної обробки заявок менеджерами компанії.
Підсумок
Даний проєкт був справжнім викликом для команди Webnauts: дуже важка та копітка робота, постійна взаємодія з клієнтом протягом усього періоду розробки та впровадження нового функціоналу на основі цього, коригування дизайну «на льоту» та багато іншого. В результаті ми отримали прекрасний, адаптивний і, що не менш важливо, сайт, що вже працює і продає, що, безсумнівно, сприяє задоволенню клієнта і нас як розробників.
Комментарии