Интернет-магазин ювелирных украшений

Клиент давал стилевые референсы, а дизайнер углублялся в вопрос, подбирал и прорисовывал каждый элемент. Иконки, кнопки, полосы прокрутки, отступы, скругления, состояния – даже в мелочах у клиента были высокие требования.

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

Сделали мы и адаптивную верстку под мобильные устройства – сайт одинаково хорошо работает на большинстве устройств.

Использовали концепцию лаконичности во всем. Акцентировали таким образом главное – выбор украшения и покупку.

– В верхнее меню вынесли только то, что нужно покупателю в первую очередь: коллекции, информацию о скидках, контакты, вход в личный кабинет.

– В карточках оставили лишь цену, кнопку избранного и значок корзины.

– Фон для фотографий везде одинаковый – белый. Избежали таким образом когнитивной перегрузки и визуального шума.

Качественные изображения – визитная карточка любого интернет-магазина. Номенклатурная база у клиента – сотни позиций, в среднем на каждую приходится по 8-10 полноразмерных фотографий.

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

В 2019 году еще не все браузеры умели поддерживать WebP, поэтому для подстраховки все-таки добавили альтернативные изображения в формате JPEG и PNG. Браузеры вызывали их по необходимости с помощью тегов, которые мы прописали в коде.

Использовали то, что работает в e-commerce и идеально подходит для монобрендов. Повышает шанс, что пользователь зарегистрируется и совершит покупку:

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

– Распродажи старых коллекций, их также вывели в верхнее меню. Пользователи всегда взаимодействуют с тем, что на виду. Скидки вызовут интерес.

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

– «Похожее» в карточках товаров. Ненавязчиво, по два-три предложения за раз, потому что избыточный выбор окажет противоположный эффект.

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

Использовали такие решения, которые в будущем не создадут проблем и ограничений при росте бизнеса. Требования – стандартные для онлайн-магазина: совместимость, безопасность, скорость работы. Основное пожелание от клиента – обеспечить бесшовный переход.

Мы выбрали и настроили:
– Magento в качестве CMS – для добавления новых товаров, редактирования цен, управления заказами и обновления контента. Shopify не взяли, потому что Magento больше подходил для задачи последующего масштабирования и глубокой кастомизации.
– Платежную систему Stripe для полной автоматизации оплаты через сайт. Да, в Австралии половина всех онлайн-покупок совершается по BNPL-модели, и шведская Klarna – самая популярная здесь платформа для оплаты частями. Однако мы выбрали Stripe именно с расчетом на будущее – когда клиент соберется выходить на мировой рынок.
– Xero для автоматизации бухгалтерских задач и соблюдения налогового законодательства Австралии.
– SAP ERP для автоматизации бизнес-процессов компании и аналитики.
– Salesforce для управления данными клиентов (CMS) и маркетинговых активностей.

Было важно предоставить пользователям выбор из нескольких вариантов доставки и одновременно обеспечить безопасность отправлений. Здесь также остановились на готовом решении – выбрали интеграцию с ShipStation. Оно надежно, работает не только с международными UPS, USPS, FedEx, DHL Express, но и с местным Australia Post.

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

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