Как дизайном убедить клиента купить сумку за 200+ тысяч рублей онлайн? В Einzelwerk мы разработали интернет-магазин для PARS и превратили онлайн-витрину в полноценный инструмент продаж. Делимся деталями проекта.
Задача
PARS – российский бренд кожаных аксессуаров премиум-класса. Каждая сумка, клатч или ремень выполнены полностью вручную в ограниченном тираже или единственном экземпляре из натуральных материалов в авторском стиле.
В ДНК бренда — индивидуальный подход к клиентам и эксклюзивность моделей. Эту идею важно транслировать во всех каналах, в том числе и на сайте. Рассказываем, как помогли PARS сохранить идентичность бренда в новом интернет-магазине.
Старый сайт ограничивал возможности бренда
Предыдущее решение было временным и сделано на WordPress. Сама по себе платформа позволяет реализовать кастомный дизайн и удобный функционал, но в данном случае сайт изначально был собран некорректно. Из-за ограниченного бюджета на разработку проект не удалось довести до нужного уровня. Несмотря на функционал заказа и оплаты, сайт часто работал с ошибками, а владелец бизнеса вручную обрабатывала каждый заказ.
Старый сайт ограничивал возможности для роста продаж, а дизайн и UX не соответствовали премиальному позиционированию. Были и другие проблемы, например, часто добавленные вручную товары не отображались в каталоге.
Разработали наглядную карточку товара и понятный интерфейс
Изучили практики премиальных брендов, чтобы передать эстетику люкса. Выделили следующие черты:
- ультракачественные фото;
- монохромная палитра;
- шрифт антиквы, будто из журнальных заголовков.
Разработали минималистичный и чистый интерфейс, который не отвлекает от фотографий и усиливает эффект от них. Одна из задач проекта — показать премиальные сумки в лучшем качестве. Но при этом фото не должны быть слишком тяжелыми, чтобы страница не загружалась долго. В результате нашли баланс между весом фотографии, который влияет на скорость, и ее качеством.
Использовали сдержанную монохромную палитру, характерную для luxury-сегмента.
Подобрали шрифт Kudryashev Display — антиква, которая отлично передает премиальность.
Адаптировали дизайн для смартфонов, планшетов и десктопов, чтобы комфортно просматривать каталог и оформлять заказы с любого экрана.
Сделали интуитивную навигацию. Продумали структуру так, чтобы клиенты легко находили нужные товары и могли оформить заказ за несколько минут.
Выбрали современный стек технологий Next.js+Laravel
Разделили монолит WordPress на отдельный фронт и бэк для большей гибкости в кастомизации. Для фронтэнда выбрали Next.js, чтобы:
- внедрять нестандартные возможности, например, сертификаты или намек на подарок;
- создавать и расширять фильтры товаров для удобного поиска;
- внедрять личный кабинет, авторизацию и оплату — на WordPress это возможно только через базовые плагины, что не подходит для кастомного уникального магазина.
Для бекэнда остановились на Laravel — это производительный и гибкий в разработке нестандартных решений инструмент.
Сделали личный кабинет, чтобы управлять заказами
Теперь всё, что нужно — в одном месте: после регистрации покупатели могут находить, сохранять и заказывать понравившиеся товары.
Быстрая регистрация и вход. Простые шаги авторизации, чтобы клиент мог сразу перейти к каталогу.
История и статусы заказов. Покупатель в любой момент может узнать он в обработке или в доставке и может найти детали прошлых покупок.
Создали кастомный чекаут для персонализированных заказов
Упростили процесс оформления заказа, чтобы клиентам было удобно и быстро совершать покупки.
Минимум шагов для заказа. Сократили лишние поля и убрали всё, что замедляет оформление — процесс покупки теперь занимает минимум времени.
Быстрая покупка для зарегистрированных пользователей. Для тех, кто уже авторизован, данные заполняются автоматически. Достаточно выбрать способ оплаты — и заказ оформлен.
Интеграция с платёжными системами. Подключили надежные способы оплаты, чтобы пользователь выбирал удобный вариант и не беспокоился о безопасности данных.
Разработали функционал покупки подарочных сертификатов
Гибкость в сумме и персонализации. Покупатели выбирают номинал сертификата, уникальное оформление и добавляют персональное поздравление.
Простая активация промокода. Обладатель сертификата вводит код при покупке — и сумма автоматически вычитается из стоимости заказа.
Бренд привлекает новых покупателей, а клиенты получают ещё один удобный способ сделать подарок.
Разработали функцию «Намекнуть на подарок»
Чтобы пользовательский опыт был необычнее, добавили нестандартную для интернет-магазинов возможность «Намекнуть на подарок». Для этого пользователь:
- выбирает товар на сайте;
- нажимает «Намекнуть»;
- вводит контакт человека и соцсеть, куда ему придет уведомление;
- получаете то, что так сильно хотели.
Протестировали, зарелизили и поддерживаем проект
На старте тщательно проверили каждую деталь, а после релиза оказываем постоянную поддержку и развиваем платформу: Следим за стабильностью работы сайта, обновляем контент, добавляем новые функции по мере развития бренда:
- добавили возможность загружать видео в карточку товара;
- реализовали логику смены категории товара в зависимости от даты размещения: товары из категории New автоматически покидают ее через 3 месяца после загрузки.
Результат
Разработали не просто надёжный и удобный сайт, а инструмент для продаж, который работает без сбоев и развивается вместе с бизнесом.
1. Увеличилось количество пользователей в 2 раза — сайт лучше индексируется поисковиками и на него активнее переходят из соцсетей.
2. Пользователи проводят больше времени на сайте – изучают продукцию, переходят на него из соцсетей, сохраняют аксессуары в Избранное и возвращаются к ним.
3. Снизилась нагрузка на продавцов – покупатели узнают основную информацию с сайта, поэтому на личные консультации нужно тратить меньше времени.
4. Повысилось качество трафика – сайт отражают позиционирование бренда и привлекает нужную аудиторию. Постоянные клиенты говорят, что пользоваться сайтом стало удобнее.
5. Гибкость для клиента – можно кастомизировать контент и легко управлять каталогом.
Сайт выполняет роль и витрины для продаж, и лукбука – передает премиальность и ценность бренда.
А главный результат – положительный отзыв нашего клиента!
Мое личное удовольствие, как собственника бизнеса – с огромной гордостью делюсь ссылкой на сайт и в 100% случаев получаю вау-отзыв. Нравится добавлять новые товары, баннеры и видеть крышесносную красоту, а клиенты отмечают нетипичный дизайн, удобные фильтры и юзабилити.
Больше про разработку и дизайн для интернет-магазинов -> в телеграм-канале Einzelwerk
