Послуги

  • Сайти
  • Контент
  • Просування
  • Бітрікс24
  • Додатки
Усі послуги Оплата
Бітрікс24
Усі послуги Оплата

Пошук

  • Разработка интернет-магазина под ключ
  • Разработка сайтов
  • Разработка леднигов
  • Разработка на битрикс24
  • Разработка на Вордпресс

Інтернет-магазин іменних прикрас

Про проект

До нас звернулися представники компанії ТОВ «Сільвер 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. Наша команда завжди намагається відповідати сучасним стандартам розробки, тому було проведено багато робіт з покращення адаптивності сайту до мобільних пристроїв.

Banner

Форма замовлення

Важливим моментом у розробці інтернет-магазину іменних ювелірних прикрас було створення форми замовлення з варіативністю вибору. Дана форма, на думку замовника, необхідна для клієнтів, яким не хочеться занурюватися в конструктор прикрас (про яке нижче) і хочеться все “трохи простіше”. У результаті, у реалізованій нами формі клієнт має:

  • Вибір тематики прикраси;
  • Вибір матеріалу вибір типу прикраси;
  • Можливість робити замовлення на кілька однакових фігурок;
  • Можливість вибору додаткового тематичного елемента;
  • Вибір довжини браслета або ланцюжка;
  • Вибір вставок;
  • Вказівка ​​для гравіювання;
  • Вказати додаткові побажання до замовлення.

Конструктор прикрас

Так само важливим моментом було створення конструктора прикрас. Це – розробка наших програмістів, створена на AngularJS з варіативністю та підтримкою Drag’n’Drop (з десктопних та мобільних пристроїв), а також інтеграцією у функціонал WooCommerce. Конструктор організований у 3 простих кроки:
  • Клієнт вибирає матеріал прикраси, фігурки (можна розташовувати в довільному порядку і вибирати скільки завгодно) і вставки;
  • Клієнт вибирає довжину браслета та вказує написи для гравіювання;
  • Перевіряє коректність свого вибору та переходить до оформлення замовлення.
Натомість, для зручності адміністрування товари, тобто. фігурки, що підтягуються в конструктор зі стандартного функціоналу WooCommerce, підтримуючи динамічне ціноутворення безпосередньо від товару, минаючи будь-які зміни в самому конструкторі. Замовлення з конструктора «падає» до стандартного для WooCommerce розділу «Замовлення», звідки подальше адміністрування доступне всім відповідальним за конфігурування замовлень співробітникам.

Інтеграція з Бітрікс24

Однією з найважливіших умов створення інтернет-магазину іменних прикрас була інтеграція сайту на платформі WordPress із CRM Бітрікс24. З використанням існуючих плагінів та власних розробок нами було реалізовано такі сценарії створення лідів:

  • під час реєстрації на сайті;
  • при оформленні замовлення у Woocommerce;
  • при заповненні контактної форми замовлення;
  • при використанні онлайн-конструктора товару;
  • при оформленні “швидкого” замовлення у картці товару.

Таким чином, будь-яка взаємодія користувача з сайтом із заповнення контактних даних призводила до створення ліда в Бітрікс24. А значить – до швидкої та зручної обробки заявок менеджерами компанії.

Banner

Підсумок

Даний проект був справжнім викликом для команди Webnauts: дуже важка та копітка робота, постійна взаємодія з клієнтом протягом усього періоду розробки та впровадження нового функціоналу на основі цього, коригування дизайну «на льоту» та багато іншого. В результаті ми отримали прекрасний, адаптивний і, що не менш важливо, сайт, що вже працює і продає, що, безсумнівно, сприяє задоволенню клієнта і нас як розробників.

Бажаєте обговорити проект?

Залишіть ваш номер телефону і наш менеджер зв'яжеться з вами найближчим часом

Над проектом работали