Интернет-магазин Nordenbeauty и постоянное развитие UX

Nordenbeauty — эстонский бренд домашних бьюти- и wellness-устройств, в интернет-магазине которого сделали покупки более 40 000 клиентов из Эстонии, Финляндии, стран Балтии и других стран. Мы создали для них магазин на WooCommerce по индивидуальному дизайну, разработанному в Figma, и постоянно развиваем его: магазин работает на семи языках, в нескольких валютах и связан с системами маркетинга, логистики и аналитики.

Ключевые решения

• Индивидуальный дизайн в Figma: весь магазин, страницы товаров и оформление заказа были спроектированы в Figma специально для Nordenbeauty, а мы реализовали их в виде собственной темы WooCommerce, контент которой управляется почти 30 блоками ACF (слайдеры, сравнения «до и после», FAQ, видео, лента логотипов и другие).
• Breakdance для сложных представлений: помимо блоков ACF, на любую страницу можно встроить глобальный блок, собранный в Breakdance, поэтому более сложные представления и отдельные блоки (например, страницу партнёрской программы) можно оформлять визуально, не меняя тему.
• Постоянные улучшения UX: магазин дорабатывается каждый месяц на основе данных о продажах и обратной связи службы поддержки. Например, перед добавлением бюстгальтера в корзину магазин просит подтвердить размер, так как это главная причина возвратов; в корзине есть индикатор бесплатной доставки, кнопки количества и товарные допродажи; суммы и экономия при оформлении заказа обновляются в реальном времени.
• Комплекты на странице товара: собственный плагин, в котором клиент выбирает 1, 2 или 3 единицы, для каждой — свой цвет и размер, а цена снижается ступенчато (включая акции «2+1 бесплатно» и таймер обратного отсчёта). В корзину добавляются правильные вариации WooCommerce с правильными артикулами.
• Оформление заказа в два шага: сначала данные клиента и доставка, затем оплата. Выбор пакомата, поля компании для счёта, способы оплаты в зависимости от страны (банковские ссылки, карты и Apple Pay, рассрочка) и порог бесплатной доставки, зависящий от страны назначения и валюты.
• Семь языков и несколько валют: эстонский, английский, финский, латышский, литовский, румынский и русский на Polylang. Английская версия определяет местоположение посетителя и показывает цены в его валюте; тексты верхней полосы автоматически переводятся на остальные языки с помощью ИИ.
• Маркетинговая автоматизация Klaviyo: подписка на рассылку при оформлении заказа, уведомления «сообщить о поступлении» и предзаказа, еженедельная лента самых популярных товаров и автоматическое подключение партнёров к кампаниям.
• Логистика и отслеживание заказа: заказы автоматически передаются складскому партнёру, клиент получает код отслеживания на своём языке, а в личном кабинете есть анимированный трекер посылки.
• Логика складских остатков: срок поставки под заказ и лимит количества на уровне вариации, отображаемые на странице товара, в корзине, при оформлении заказа и в строке заказа.
• Маркетинговые интеграции: товарные фиды Meta и Google на всех языках и во всех валютах, опрос после покупки Triple Whale, партнёрская программа на AffiliateWP, TikTok, GTM и Microsoft Clarity.
• Скорость: многоуровневая настройка кэширования (кэш страниц с отдельными вариантами для каждого языка и валюты, объектный кэш Redis, изображения WebP и предзагрузка шрифтов) обеспечивает быструю загрузку даже при большом каталоге и страницах с множеством видео.