Сайт бренда Aciess (США): конструктор товаров и интеграция Stripe без лишних затрат

Проблема:

Решение: гибрид конструктора и кастомного кода

1. Анализ конкурентов:

• Изучил 7 брендов термокружек: у 90% — сложные системы на Shopify/WooCommerce.
• Выявил боль клиентов: «Хочу выбрать цвет кружки за 10 секунд, а не в 5 шагов».

2. Уникальные фишки проекта:

• Конструктор товаров:
Пользователи меняют цвет, объем, добавляют гравировку в режиме реального времени (как в NikeID).

• Умная корзина:
Товары обновляются динамически — клиент видит итоговую цену сразу при выборе опций.
• Stripe без головной боли:
Интеграция через API с автоматической валютной конвертацией (USD, EUR, GBP).

3. Технологии:

• Платформа: Tilda + кастомные JS-скрипты для сложного функционала.
• Оптимизация: скорость загрузки 1.5 сек (Google PageSpeed — 89/100).
• Безопасность: SSL-шифрование + защита данных по стандарту PCI DSS.

Как этого добились? Пошаговый процесс

1. Прототип в Figma:

• Создал интерактивный макет с симуляцией выбора опций: клиент «играл» с настройками кружки до утверждения.
• Адаптив под мобильные: 70% заказов приходят через смартфоны.

2. Верстка на Tilda:

Кастомные блоки:

• Фильтры по объему, цвету, типу крышки.
• Виджет предпросмотра товара (3D-эффект смены цвета).

Динамическая корзина: обновляется без перезагрузки страницы.

3. Интеграция Stripe:

• Настроил прием платежей в один клик через Apple Pay/Google Pay.
• Автоматические уведомления клиента: подтверждение заказа, трекинг доставки.

4. Тестирование:

• Проверил 50+ сценариев: от выбора опций до отмены заказа.
• Исправил баги: например, конфликт кэша при смене валюты.

Почему это выгодно клиенту?

• Экономия $20 000+: Конструктор vs кастомная разработка.
• Лояльность: 45% клиентов возвращаются за второй кружкой благодаря персонализации.