Кейс: Как мы создавали интернет-магазин с зоотоварами

Содержание

Информация о компании

До и После

Какие задачи были выполнены

Меню

Фильтры

Личный кабинет покупателя

Страница с брендами

Карточка товара

Корзина

Страница с акциями

Блог

SEO

В 2018 году к нам обратился владелец интернет-магазина зоотоваров. Сайт работал на старом движке osCommerce. Главной целью было сделать редизайн и перенести ИМ на модернизированную CMS, а также масштабироваться. Новый дизайн сайта был уже прорисован - около 150 макетов включали страницы категорий, главной страницы, корзины и др. Оставалось это все органично интегрировать на сайт.

Информация о компании

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

В 2023 году Zootovary была признана одной из лучших компаний в сфере продажи товаров для домашних животных в Украине.

Сайт компании активно обновляется и содержит множество полезных статей и советов по уходу за домашними животными.

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

Отзывы о компании в основном положительные. Клиенты отмечают качество товаров, быструю доставку и хорошее обслуживание.

До и После

Так ИМ выглядел, когда владелец обратился к нам.

Работы по верстке и кодированию было невероятно много из-за разнообразного функционала. Несколько сотен часов было вложено с интересом и мотивацией в этот проект. В админке были созданы новые страницы и функционал. Например, для оптимизации логистики был создан маршрутный лист курьеров.

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

Какие задачи были выполнены

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

Интересный функционал:

• Когда покупатель заходит на сайт, автоматически выбирается город из которого был выполнен вход. Это делается для того, чтобы показывать наличие товаров на складе в каждом городе.
• Разработан маршрутный лист курьеров для лучшей логистики и навигации.
• В карточке товара добавлены опции: вес, стоимость согласно выбранному весу, отзывы, wish list, сравнение товаров, упаковка
• На Гугл карте покупатель может увидеть гео метки (оформленные в характерном дизайне бренда) с адресами офлайн магазинов. При наведении всплывает подсказка с подробной информацией.
• Детально разработанный Кабинет Покупателя

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

Меню

Первое, что было сделано - продумали категории и подкатегории. Еще на первом этапе главные и дополнительные категории должны располагаться по всем правилам SEO оптимизации, это помогает в дальнейшем продвижении и навигации покупателей по страницам. Иконки меню также разработаны в брендовом стиле.

Фильтры

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

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

Совет: Если вы хотите, чтобы фильтр был не только удобен для покупателя, но и приносил пользу для продвижения - перед добавлением фильтров попробуйте собрать семантическое ядро сайта или закажите услугу у специалистов.

Личный кабинет покупателя

Детально был разработан и личный кабинет покупателя. Здесь есть не только базовые данные, например контактные данные и адрес, возможность сменить пароль, а еще дополнительное меню:

• Мои заказы: на этой странице вы всегда сможете просмотреть историю заказов. Удобно для циклических покупок.
• Мой питомец: здесь можно добавить питомца и заполнить данные: имя, вид, пол, дату рождения, дополнительную информацию и фотографию. Согласитесь это классная идея для владельцев животных - чувствовать себя участником клуба или сообщества, положительно влияет на лояльность к бренду.
• Мои отзывы: на этой вкладке можно посмотреть свои отзывы к товарам или вообще к магазину - побуждает оставлять отзывы.
• Избранное: страница с wish list.
• Просмотренные товары: если покупатель забыл что-то добавить в избранное, то страница с просмотренными товарами поможет увидеть так называемую хронологическую карту - повышает средний чек.
• Купленные товары: ускоряет процесс повторных покупок
• Рассылки: страница с настройками рассылок, очень заботливо, потому что у большинства поставщиков рассылка автоматическая и покупатель постоянно ищет где можно отменить рассылку или изменить настройки.
• Переписка: страница с вашими сообщениями
• Промокоды: управление промокодами
• Мои бонусы: управление бонусами: управление бонусами
• Мои адреса: здесь можно добавить несколько адресов, например если у родителей или друзей есть питомец, вы можете сделать для них приятный сюрприз и заказать что-то для любимца (это как вариант).

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

Страница с брендами

Максимально проработана и страница с брендами. Чтобы было легко найти нужный бренд, на странице есть кликабельный алфавит на английском и украинском, добавлены даже цифры. Представьте сколько посадочных страниц можно продвигать и опять же - максимальное удобство для пользователя.

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

• Популярные товары
• Новые поступления
• Наиболее комментируемые
• Наиболее просмотренные

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

Карточка товара

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

Также в каждой карточке товара есть 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 для языков
• много другого функционала

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