Клиент:
proЗОЖ — это принципиально новый проект, ассортимент которого включает в себя как спортивное питание, так и уникальные продукты, которые удовлетворят потребности современного человека, ведущего здоровый образ жизни.
Задача:
- Разработать структуру, дизайн и в последующем сам сайт.
- Подобрать хостинг, произвести настройку и зарегистрировать домен.
- Провести первичную SEO-оптимизацию.
- Наполнить контентом.
Сложности:
- Большой объем семантики.
- Нишевые нюансы в товарных категориях.
- Качественный контент для товарных позиций.
Результат:
- Полностью работоспособный, оптимизированный и защищенный сайт: pro-zoj.ru
- Проработанная структура сайта, соответствующая всем требованиям SEO.
- Размещено более 1000 товарных позиций с качественным контентом.
- 300+ посетителей в месяц из органики без продвижения.
Компания обратилась к нам с запросом на разработку интернет-магазина под ключ. Основными требованиями были: внесение изменений в контент без привлечения специалистов, безопасность, мобильность, возможность проводить онлайн-платежи, хранить историю заказов, получать уведомления в Telegram.
Помимо основных требований, у клиента была база 1С со всем ассортиментом, планы по её увеличению в 5-10 раз и ограниченный бюджет. Мы выбирали между двумя CMS: 1cBitrix и WordPress.
Так как клиент хотел передать обработку заказов и наполнение сайта продавцам-консультантам, интерфейс админки должен был быть максимально дружелюбным и простым. Формат товаров оказался типовым, и не требовал большого количества связей между разными типами данных. Это были ключевые факторы при выборе в сторону CMS WordPress.
Структура
Прежде чем разрабатывать дизайн, мы прошлись по всем конкурентам, получили список товаров от клиента и собрали семантическое ядро. Кластеризовали запросы и построили логичную, удобную структуру с минимальным уровнем вложенности.
Дизайн
Перед началом работ, мы узнали какие сайты нравятся клиенту (конкуренты, смежные ниши и т. д.). Среди ориентиров были: atletic-food.ru, 5lb.ru, 4fresh.ru. Они оказались не самыми хорошими и устаревшими в плане UI лет так на 10. Об этом мы сообщили клиенту и договорились взять несколько других сайтов для референсов, например marketdo4a.com.
Приступили к дизайну, отрисовали несколько цветовых вариантов, иконок, согласовали и перешли к верстке.
Верстка
Сверстали полностью адаптивный сайт, который будет одинаково удобным на любом устройстве. Мы давно ушли от стандартной сетки и bootstrap, тем самым сократив количество HTML, CSS и сделав верстку более гибкой. Сразу проработали и заложили все сценарии изменений в контенте, чтобы клиенту не пришлось обращаться повторно для доработок. Провели валидацию верстки, протестировали на разных устройствах, согласовали с клиентом и перешли к разработке.
Разработка
Проработали типы данных, подключили кастомные поля, необходимые плагины и провели настройку Woocommerce. Постарались сократить количество полей и сделать контент на внешней стороне гибким и взаимозаменяемым.
К сожалению, версия 1С клиента не позволяла производить интеграции с внешними сервисами, но в перспективе клиент сможет связать базу и интернет-магазин с минимальными затратами. На текущем этапе мы реализовали быстрый импорт и экспорт данных через .csv файл.
Онлайн-эквайринг
Так как в онлайн-торговле необходимо соблюдать законы не меньше чем в офлайн. Мы учли обязательность исполнения 54-ФЗ. Онлайн-эквайером выбрали сервис ЮKassа, а за связью ККТ и онлайн-эквайринга обратились к нашему партнеру — компании Бизнес.ру. Провели настройку кабинетов в сервисах, настроили сайт, проконсультировали клиента и поставили необходимое ПО на ККТ.
Доставка
Для логистики клиент выбрал компанию СДЭК, мы подключили их плагин, провели настройки и внесли доработки для корректного расчета доставки.
Уведомления
Уведомления о новых заказах стандартно приходят на почту администратора. Но, т.к. у клиента был запрос на уведомления в Telegram, мы подключились к API мессенджера, создали ботов и чат для сотрудников обрабатывающих заказы.
Контент
Согласно семантике и ассортименту клиента создали необходимые категории на сайте. Сделали информационные страницы для пользователей и перешли к товарам.
Товарных позиций было более 1000. У многих SKU были проблемы с контентом: отсутствие описаний, изображений, состава и т. д. Но для наших контент-менеджеров это не проблема, неделя активного поиска, фотошоп и все позиции были размещены на сайте.
Первичная SEO-оптимизация
Семантическое ядро мы собрали на старте работ, верстка уже была валидна, оставалось дело за малым: проработать мета-теги и тексты. Разработали шаблоны для мета-тегов, внесли их на сайт, сформировали ТЗ для копирайтеров. Наши копирайтеры написали тексты, контент-менеджеры их разместили, мы еще раз все перепроверили и завершили проект.