Кейс: Як ми створювали інтернет-магазин с зоотоварами

Зміст

Інформація о компанії
До і Після
Які задачі були виконані
Меню
Фільтри
Особистий кабінет покупця
Сторінка з брендами
Картка товару
Кошик
Сторінка з акціями
Блог
SEO

У 2018 році до нас звернувся власник інтернет-магазину зоотоварів. Сайт працював на старому движку osCommerce. Головною метою було зробити редизайн та перенести ІМ на модернізовану CMS, а також масштабуватись. Новий дизайн сайту був вже промальований - близько 150 макетів включали сторінки категорій, головної сторінки, кошика та ін. Залишалось це все органічно інтегрувати на сайт.

Інформація о компанії

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

У 2023 році Zootovary була визнана однією з найкращих компаній у сфері продажу товарів для домашніх тварин в Україні.

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

Компанія активно використовує соціальні мережі для просування своїх товарів і послуг. Вони мають акаунти у Facebook, Instagram і Twitter.

Відгуки про компанію здебільшого позитивні. Клієнти відзначають якість товарів, швидку доставку та гарне обслуговування.

До і Після

Так ІМ виглядав, коли власник звернувся до нас.

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

А це вже новий сайт з новим дизайном і функціоналом.

Які задачі були виконані

• прискорена швидкість;
• зверстаний наданий дизайн для десктопної та мобільної версії;
• проведені роботи з програмування - зроблено багато кастомного функціонала, наприклад комбінації атрибутів;
• додано багато варіантів знижок при виборі певного атрибута товару, наприклад кольору, пакування, ваги;
• створили зручні фільтри для зручного сортування та перегляду товарів
• перероблене кешування;
• доданий функціонал для підвищення продажів - pop up вікна, кнопки та банери з Call To Action та ін;
• інтернет-магазин був підготовлений для SEO оптимізації та подальшого просування;
• google page speed в зелену зону
• проведені роботи з налаштування та створена інструкція для клієнта

Цікавий функціонал:

1. Коли покупець заходить на сайт, автоматично обирається місто з якого був виконаний вхід. Це робиться для того, щоб показувати наявність товарів на складі у кожному місті.
2. Розроблено маршрутний лист кур’єрів для кращої логістики та навігації.
3. У картці товару додані опції: вага, вартість згідно з обраною вагою, відгуки, wish list, порівняння товарів, пакування
4. На Гугл мапі покупець може побачити гео мітки (оформлені у характерному дизайні бренду) з адресами офлайн магазинів. При наведенні спливає підказка с детальною інформацією.
5. Детально розроблений Кабінет Покупця

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

Меню

Перше, що було зроблено - продумали категорії та підкатегорії. Ще на першому етапі головні та додаткові категорії повинні розташовуватись за всіма правилами SEO оптимізації, це допомагає в подальшому просуванні й навігації покупців по сторінках. Іконки меню також розроблені в брендовому стилі.

Фільтри

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

• Клас корма;
• Стадію життя вихованця - що дає можливість підібрати корм призначений для цуценят, молодих чи літніх собак;
• Захворювання вихованця - крута опція, яка дозволяє підібрати корм для тварин у яких є протипоказання до деяких інгредієнтів;
• Інгредієнти: сподобається власникам тварин з алергією та просто зручно, коли у вихованця є уподобання в їжі ;
• Злаки та овочі: також дозволяє обрати їжу з додатковими компонентами;
• Вид консерви: консистенція;
• Вигляд упакування: дозволяє обрати у м’якому чи твердому пакуванні треба відсортувати товар.

Порада: Якщо ви хочете, щоб фільтр був не тільки зручний для покупця, але і приносив користь для просування - перед додаванням фільтрів спробуйте зібрати семантичне ядро сайту чи замовте послугу у фахівців.

Особистий кабінет покупця

Детально був розроблений і особистий кабінет покупця. Тут є не тільки базові дані, наприклад контактні дані та адреса, можливість змінити пароль, а ще додаткове меню:

1. Мої замовлення: на цій сторінці ви завжди зможете переглянути історію замовлень. Зручно для циклічних покупок.
2. Мій вихованець: тут можна додати вихованця та заповнити дані: ім’я, вид, стать, дату народження, додаткову інформацію та фотографію. Погодьтесь це класна ідея для власників тварин - відчувати себе учасником клуба чи спільноти, позитивно впливає на лояльність до бренду.
3. Мої відгуки: на цій вкладці можна подивитись свої відгуки до товарів чи взагалі до магазину - спонукає залишати відгуки.
4. Обране: сторінка з wish list.
5. Переглянуті товари: якщо покупець забув щось додати у вибране, то сторінка з переглянутими товарами допоможе побачити так звану хронологічну мапу - підвищує середній чек.
6. Куплені товари: прискорює процес повторних покупок
7. Розсилки: сторінка с налаштуваннями розсилок, дуже турботливо, бо у більшості постачальників розсилка автоматична і покупець постійно шукає де можна скасувати розсилку чи змінити налаштування.
8. Листування: сторінка з вашими повідомленнями
9. Промокоди
10. Мої бонуси: керування бонусами
11. Мої адреси: тут можна додати декілька адрес, наприклад якщо у батьків чи друзів є вихованець, ви можете зробити для них приємний сюрприз і замовити щось для улюбленця (це як варіант).

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

Сторінка з брендами

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

При переході на сторінку з брендом є декілька розділів:

• Популярні товари
• Нові надходження
• Найбільш коментовані
• Найбільше переглянуті

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

Картка товару

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

Також у кожній картці товару є 4 вкладки: Опис, Склад, Норми годівлі, Характеристики. Вся інформація корисна для власників улюбленців, які роблять покупки свідомо та без поспіху. Якщо ви не знаєте як зробити якісний фото контент, радимо статтю Як фотографувати одяг для продажу.

Кошик

Кошик було розроблено дуже деталізовано, наприклад є 4 варіанти оплати:

• оплата картками Visa/Master Card
• безготівкова оплата для фізичних осіб
• безготівкова оплата для юридичних осіб
• післяплата

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

У нашій статті Які платіжні системи підключити до свого інтернет-магазину розглянули найпопулярніші методи оплати, ви також можете підключити будь- яку ПС до свого сайту.

Сторінка з акціями

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

Блог

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

SEO

Ми не робили SEO просування клієнту, але ще на початку оптимізували інтернет-магазин по ТЗ замовника. Не так давно (близько пів року тому) інтернет-магазин почав просуватись у SERP. Це можна побачити по графіках в Ahrefs. Якщо проаналізувати ключові слова, то нас повинні цікавити ті, які приносять сайту прибуток, всі інші направлені на зростання трафіку. Серед комерційних слів, на перших місцях: зоотовари для котів, аксесуари для собак, зоотовари для собак, та багато інших, а також брендові запити (наприклад зоотовари ком), які є цільовими.

При замовленні у нас інтернет-магазину ви можете бути впевнені, що він на 100% підготовлений до просування у пошукових системах, бо платформа Solomono була розроблена саме під електронну комерцію, в якій враховано:

• Чистий HTML код
• SEO-friendly URLs
• Висока швидкість сайту
• META теги, які можна налаштовувати, а також створення груп мета-тегів, якщо дуже багато розділів
• SEO-ready хлібні крихти
• Стиснуті скрипти та стилі сайту
• Розмітка schema.org
• Теги Open Graph
• Sitemaps (XML + HTML)
• Зручна мобільна версія
• Alternate для мов
• багато іншого функціоналу

Створіть свій інтернет-магазин з товарами для домашніх улюбленців прямо зараз.