Интернет-магазин VTR
С клиентом нас объединяет общее увлечение велоспортом. Когда ребята предложили обновить интернет-магазин VTR, мы с энтузиазмом взялись за проект — близость бренда по духу придала нам дополнительную мотивацию.
Главная страница
За время нашего знакомства с клиентом мы уже помогали освежить главную страницу ещё на Tilda, поэтому у нас было базовое понимание, какие задачи нужно решить в новом дизайне.
Основным вызовом стало найти новое, не избитое шрифтовое сочетание, которое подчеркнёт характер бренда и при этом будет выглядеть современно и свежо.
Десктоп версия
Мобильная версия
Навигация
Нам было важно дать пользователям быстрый доступ ко всему каталогу прямо из навигации. Для этого мы сделали её в двух вариантах: сокращённом и полном, чтобы новички не терялись среди всех возможных товаров.
Кастом
Особый интерес у нас вызвал раздел Custom. Летом спортивные мероприятия проходят практически каждые выходные, и многие команды хотят свою уникальную экипировку. У клиента есть целый раздел, где подробно рассказывается о возможной кастомизации изделий.
Каталог, фильтры и поиск
Отдельного внимания заслуживает поиск и фильтр по каталогу. Мы потратили немало времени на их доработку — и на этапе запуска, и уже после выхода сайта. Думаю, каждый, кто когда-либо занимался разработкой интернет-магазинов, знает: любой поисковой запрос или фильтрация товаров могут создавать серьёзную нагрузку на сайт.
Чтобы справиться с этим, мы внедрили многоуровневое кэширование. Оно работает как для внутренних функций генерации каталогов, так и для отображения данных пользователям. Благодаря этому поиск и фильтр остаются быстрыми и стабильными даже при высокой нагрузке и большом объёме товаров.
Карточка товара
Страница продукта получилась лаконичной и удобной: всё на своих местах, без лишнего. Конечно, всегда есть соблазн сделать её нестандартной, но в большом интернет-магазине ключевое — это стандартизация и понятная структура, чтобы пользователь сразу ориентировался и легко совершал покупку.
Десктор версия
Мобильная версия
Процесс был непростым. Помимо обновления дизайна, стояла задача полностью переехать с Tilda на новую платформу. Нужно было сохранить удобную для маркетинговой команды логику работы с сайтом и реализовать блочный редактор для самостоятельного сборки промо-лендингов.
При этом развить функциональные возможности интернет-магазина: больше способов оплаты и доставки, бонусные системы для покупателей и переехать на прямую синхронизацию остатков с 1С.
Разработка
Сайт работает на связке WordPress + WooCommerce. Это основа интернет-магазина, где реализована вся логика каталога, корзины и заказов.
Для автоматизации мы также доработали плагины для интеграции с ключевыми сервисами: 1С, RetailCRM и CDEK
Отдельный пласт работы — это 20 собственных плагинов под конкретные задачи, которых не хватало в CMS: от дополнительных блоков для визуального редактора, и до оптимизации внутренних процессов по регистрации и оформления.
Отдельное спасибо Александру Сазонову за доверие и Максиму Дмитриеву за поддержку и помощь в реализации проекта.
Над проектом работали:
- Игорь Киселев Арт-директор и программист
- Иван Аверьянов Дизайнер
