Послуги

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

Пошук

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

Інтернет-магазин «Сірий Лис»

Про проєкт

«Сірий Лис» — мережа магазинів, яка займається продажем широкого асортименту товарів: одяг / взуття, аксесуари, побутова техніка, товари для дітей та багато іншого. У компанії виникла потреба у створенні інтернет-магазину, тому вони звернулися до нас.

Враховуючи поставлені завдання та велику кількість товарів (близько 50 000 шт.) було прийнято рішення використовувати найбільш підхожий двигун — CMS Бітрікс. Webnauts є офіційним партнером сервісу та має великий досвід у розробці сайтів на цій системі управління.

Дизайн

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

01

/ 02

Картка товару поєднує лаконічність з інформативністю: на одній сторінці міститься досить важлива інформація, при цьому немає відчуття перевантаженості.

Більшу частину екрана займає фотографія товару, під якою знаходиться його опис та відгуки. Праворуч розміщений блок із ціною, основними характеристиками та приблизною кількістю на складі (допомагає оцінити наскільки варто поспішити з покупкою). Тут трохи нижче знаходяться рекомендовані товари, які допоможуть збільшити середній чек.

Для деяких позицій реалізована функція «Торгова пропозиція», яка дозволяє вибирати різновиди одного й того самого товару. Наприклад, якщо клієнт вибирає туфлі, він може вибрати їх розмір безпосередньо у картці товару.

Каталог товарів

Оскільки загальна кількість позицій у магазині сягає майже 50 000 штук, потрібно допомогти покупцю знайти потрібний йому товар. Для цього було розроблено багаторівневий каталог із продуманою системою фільтрації та динамічними розділами.

Наприклад, при переході до розділу «Побутова техніка» відразу після банерів відображається розділ «Новинки». Алгоритм заносить тут останні товари, орієнтуючись на дату завантаження позиції на сайт. Менеджеру не потрібно вказувати особливу властивість, процеси відбуваються повністю автоматично.

Під новинками розташований розділ Акції. Сюди товар потрапляє вже за наявності заповненої якості знижки.

До речі, на сайті є окремий розділ із усіма акційними товарами. Написаний нами скрипт отримує свіжі дані з 1С щоночі, оновлюючи вміст цієї категорії. Для швидкої навігації зліва розташована фільтрація по розділах.

Інтеграція з 1С

При розробці «Сірого Лиса» перед нами було поставлене наступне завдання: при оформленні замовлень у менеджерів має залишитися можливість працювати виключно з 1С, не роблячи жодних дій в адмінці сайту. Отже, потрібно було налаштувати інтеграцію з 1С.

Спочатку багато часу зайняв імпорт товарів з 1С у Бітрікс. Хоча на сайті відображаються лише ті товари, які на даний момент у наявності, імпортувати довелося всі 50 000 позицій. Таке перенесення даних займає багато часу, тому ми оптимізували процес таким чином, щоб мінімально навантажувати сервер.

Важливим завданням був правильний імпорт товарів одного типу, але з різними кольорами та розмірами. Як уже згадувалося, у Бітрікс ця функціональність реалізована через «Торгівельну пропозицію». Однак ми налагодили правильний процес об’єднання при початковому перенесенні та подальшій синхронізації.

Зараз всі замовлення з сайту відправляються безпосередньо 1С, звідки менеджери можуть керувати процесом оформлення товару. Будь-які зміни до 1С також будуть відображені на сайті: від нових цін до наявності товару на складі.

Як відбувається процес купівлі

Придбання в інтернет-магазині завжди супроводжується реєстрацією. Реєстрація та авторизація відбувається через телефон, за одноразовим паролем. Але за бажання для авторизації можна використовувати класичні логін/пароль — форма авторизації дозволяє ввести обидва типи даних.

“Сірий Лис” пропонує своїм клієнтам дисконтну програму з накопичувальною знижкою, розмір якої визначається при авторизації користувача. Розмір знижки відображається у кошику персонально для кожного товару.

Докладніше цю систему ми вже описували у нашому кейсі.

Форма оформлення замовлення була налаштована нами під локальну специфіку: вказано два види доставки кур’єром та дві адреси для самовивезення. При замовленні від 1000 рублів доставка кур’єром безкоштовна, що відображається в інтерфейсі.
Для можливості оплатою карткою підключено інтернет-еквайринг від Ощадбанку. Після оплати покупець отримуватиме смс про кожну зміну статусу замовлення: від підтвердження оплати до виїзду кур’єра для доставки.

Адаптивність

З кожним роком на мобільних пристроях зростає не лише відвідуваність сайтів, а й кількість замовлень товарів та послуг. У деяких випадках інтернет-магазини мають бути навіть більше орієнтовані на зручне керування зі смартфонів, ніж на робочих столах. У випадку з «Сірим Лисом» сайт працює однаково чудово на всіх девайсах. Нам не довелося відмовлятися від деяких елементів на планшетах і смартфонах: вся функціональність підтримується, а блоки інтерфейсу акуратно перебудовуються під діагональ екрану.

Підсумки

При розробці інтернет-магазину нам вдалося вирішити всі поставлені завдання. Дизайн було розроблено з урахуванням усіх побажань замовника, імпортовано значний каталог товарів, налаштовано різні сценарії при оформленні замовлення. Імпорт з 1С дозволяє щодня оновлювати відомості про товари, а менеджерам працювати у звичному для себе інтерфейсі. Сайт повністю адаптивний і добре працює на всіх розмірах екрану. Подивитися на результат можете тут – Сірий Лис.

Комментарии

Подписаться
Уведомить о
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии

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

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

0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x