Интернет-магазин для зооцентра ПЭТСЭНСЭЙ

Представляем вашему вниманию разработку Интернет-магазина, а также многофункционального корпоративного сайта для зооцентра ПЭТСЭНСЭЙ!

Задача проекта

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

Зооцентр включает в себя несколько направлений:

• сеть зоомагазинов
• груминг салон
• ветеринарная аптека
• ветеринарный центр
• ринг зал

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

Цели проекта

• Быстро и доступно показать все направления деятельности зооцентра для посетителя сайта
• Избежать большого количества переходов в конечный раздел
• Предоставить пользователю возможность быстрого ознакомления и принятия решения для совершения покупки товара или заказа услуги

Как мы реализовали этот проект

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

Проект выполнен в следующих корпоративных, а также дополнительных цветах:

Главная страница

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

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

Модуль управляемых баннеров выводит пользователю баннеры любого размера (при этом есть рекомендуемый размер в 1920x500px, чтобы расположить баннер равномерно странице) с возможностью добавить ссылку/кнопку, любой текст, указав их местоположение на баннере и создав “призыв к действу

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

Блок товаров “Рекомендуемые товары” формируется динамически на основе категорий, которые чаще просматривал пользователь, если он совершил вход впервые – то отображаются установленные администратором товары, либо случайные из каталога.

Новинки и акции, которые следуют после рекомендуемых товаров, формируются из установленных администратором (менеджером магазина).

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

Завершение блока баннеров представлено брендами, каждый бренд является ссылкой на страницу с установленным фильтром товаров по нему.

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

Завершим обзор подвалом (footer) сайта, выполненным в корпоративной цветовой схеме зооцентра. Перед подвалом мы разместили слайдер фотографий из жизни питомцев зооцентра, выполненных профессиональным фотографом. Слайдер написан на JS и автоматически прокручивается с возможностью раскрыть фотографию в полный размер.

В самом подвале указана вся необходимая контактная информация, размещены логотипы доступных платежных систем, а также выполнена перелинковка

Интернет-магазин

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

Интернет-магазин для зооцентра разработан с соблюдением правила удобства и простоты для конечного посетителя. Все сделано максимально просто для использования и в то же время с богатым потенциалом для осуществления продаж.

Что включает “начинка” Интернет-магазина:

• Управление каталогом и неограниченным количеством товаров. Возможность создавать любое количество характеристик для товаров. Опция вложенности одного товара в несколько категорий
• Автоматизация работы с каталогом (включая импорт/экспорт прайс-листов поставщиков, работу с 1С) и автоматизация работы с изображениями (загрузка/выгрузка, создание миниатюр)
• Личные кабинеты для покупателей с историей заказов, возможностью редактирования и отмены своих текущих заказов. Возможность создавать группы пользователей (в том числе для менеджеров и товароведов)
• Заказ обратного звонка для покупателя
• Бонусная программа для покупателей и дисконтные программы по промокодам
• Онлайн-оплата популярными способами
• Возможность выбора варианта доставки при оформлении заказа. Наличие опций по настройке календаря доставок
• Список недавно просмотренных товаров и отложенный заказ
• Управление оптовыми ценами, остатками на складах
• Автоматизация обмена товарами с Yandex.Market, экспорт товаров в социальные сети
• Генерация счетов, актов, товарных чеков, товарных накладных
• Триггеры для покупателей (напоминание о брошенных корзинах, предложения товаров, которые могут их заинтересовать)
• Настраиваемые баннеры (изображения, ссылки, кнопки)
• Возможность купить товар в один клик без необходимости регистрации
• Автоматизация обновления sitemap.xml, ускоренная индексация для поискового робота Яндекса

А также еще несколько блоков, которые мы не можем вам раскрыть по понятным причинам 🙂

Реализована удобная система фильтрации прямо на страницах категории, которая в режиме реального времени позволяет без перезагрузки страницы видеть количество товаров после фильтра, выбирать интересующие бренды/производителей, спецтовары и др.

Ветеринарный центр

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

Для заготовки с информацией о центре было решено сделано сделать информационную сетку с преимуществами будущего ветеринарного центра, а также возможность задать вопрос на любую тему, связанную с его деятельностью

Груминг-салон

Цель структуры раздела груминг-салона – предоставить посетителю текстово-графическую информацию, которая расскажет о деятельности салона, услугах, а также покажет примеры готовых работ, проводимые специалистами салона с домашними питомцами.

На момент разработки раздела насчитывалось 178 услуг, которые нужно было кратко разместить с возможность осуществления онлайн-записи. Для самой страницы был составлен оптимизированный текст с вхождением ключевых слов.

Ветеринарная аптека

На базе зооцентра располагается лицензированная ветеринарная аптека, раздел которой интегрирован в Интернет-магазин и позволяет посетителям сайта осуществлять поиск и заказ необходимых лекарственных препаратов для их питомцев.

Раздел интегрирован из Интернет-магазина, поэтому с момента первого посещения отображает доступные товары, ссылки на категории для быстрого перехода, опции фильтра, сортировки и выбора вариантов отображения

Оформление главного меню каталога

Меню каталога сделано многоуровневым с раскрытием всех категорий и отображением количества товаров в этих категориях (если она является конечной). Такой подход позволил минимизировать количество переходов по категориям меню для достижения конечной точки покупателем

SEO оптимизация сайта

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

Автоматизировано создание файла sitemap.xml каждые 2 дня, что позволяет своевременно оповещать о появлении новых страниц и изменениях.

Подключены YML файлы для Яндекс.Турбо и Яндекс.Маркет с автоматическим обновлением данных каждую неделю.

Оптимизированы изображения, проработаны коммерческие и технические факторы, выполнена удобная внутренняя перелинковка для разделов каталога и страниц услуг. Организована удобная ссылочная структура.

И это далеко не все, а только то, что мы можем написать в открытую. На сайте реализовано много модулей, помогающих автоматизировать рутинные задачи и заниматься только продажами и развитием зооцентра.