Розробка та просування оптового інтернет-магазину дитячих іграшок Beles

Як виглядав попередній сайт

Загальні вимоги

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

Проект ми вирішили виконати на основі системи керування Open Cart, функціонал якої був дуже доопрацьований.

Проектування

Насамперед ми вивчили поточний сайт компанії, ринок та його тенденції, конкурентів та сформувати маркетингову стратегію майбутнього сайту.

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

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

На основі маркетингового дослідження нами було розроблено та затверджено прототипи майбутнього сайту.

Розробка дизайну

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

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

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

Технічні та маркетингові рішення

• 1С (не варто писати, напевно, тому що 1С потрапив під заборону)
• Мультисклади
• Кошик

• Вивантаження каталогів для Prom.ua та Яндекс.Маркет.
• Модулі переглянутих та схожих товарів, відкладені товари
• Збереження фільтрів у ЛК користувача
• Пошук товарів по сайту з автокомплітером та за складами
• Мультимовність (українська та російська мови інтерфейсу)
• Мультивалютність

Синхронізація даних на сайті із внутрішньою базою компанії

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

• товарні категорії та самі товари
• залишки та ціни на товари
• замовлення та нові зареєстровані клієнти

Мультимагазин

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

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

Вивантаження каталогів для Prom.ua та Яндекс.Маркет

Для зручності постійних клієнтів було реалізовано функцію вивантаження товарів для Prom.ua та Яндекс.Маркет. Завдяки цьому постійні клієнти магазину можуть швидко, не витрачаючи свій час, залити на свої майданчики нові товари, які вони купують у Beles для подальшого перепродажу.

Збереження фільтрів в особистому кабінеті користувача

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

Пошук по сайту з автокомплітером

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

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

Кошик

У кошику, щоб не відволікати користувачів від процесу оформлення замовлення, було забрано все зайве.

Перед оформленням покупець може відредагувати своє замовлення та залишити коментар до кожної конкретної позиції у замовленні.

При цьому незалежно від довжини списку товарів форма оформлення замовлення завжди залишається на увазі у покупця.

SEO-оптимізація перед релізом

Готувати сайт для успішного просування ми починаємо ще з перших етапів розробки, коли SEO-фахівцями було складено рекомендовану структуру каталогу та URL-адрес для нового сайту.

Роботи, які були виконані “сеошником”:

1. Провели комплексний аудит сайту для виявлення всіх необхідних доопрацювань щодо внутрішньої та зовнішньої оптимізації.
2. Склали KW-Research
3. Розробили seo-структуру для проекту, згідно з пошуковими запитами
4. Склали ТЗ для копірайтерів (за технологією LSI, робота з високоякісним контентом)
5. Склали технічне завдання з робіт для внутрішньої оптимізації:
   1. якісні заголовки (title) та описи (description) сторінок;
   2. опрацювання заголовків рівнів H1-H3;
   3. внутрішнє перелінкування між категоріями.
6. Провели оптимізацію карток товару під низькочастотні запити
7. Склали якісні технічні файли robots.txt та sitemap.xml, організували коректний внутрішній розподіл ваги сторінок
8. Провели роботи із зовнішньої посилальної маси:
   1. робота з крауд-маркетингом;
   2. робота із сайтами ЗМІ (найбільші сайти України);
   3. робота із тематичними сайтами.

Трохи статистики

• 11 людей працювали над сайтом
• понад 70 годин зайняли розробка та погодження ТЗ, маркетингове дослідження та прототипування сайту
• 32 макет розроблено в рамках обраної концепції дизайну
• 840 годин - бюджет програмістів на роботу
• 76 годин витрачено SEO-фахівцем та програмістом на організацію “переїзду”
• 11 місяців тривала вся розробка сайту

Результати

Новий сайт виявився зручнішим, сучаснішим і дав відвідувачам нові інструменти для роботи, які спростили та прискорили їхню роботу з сайтом.

Також, грамотний підхід при розробці призвів до значного зростання позицій у ТОПі пошукових систем та зростання цільового органічного трафіку з Google та Яндекса:

Значне зростання позицій у ТОПі Google:

Зростання органічного трафіку з пошукових систем практично вдвічі протягом трьох місяців: