Market Aroma — компания, специализирующаяся на предоставлении профессиональных решений для ароматизации бизнеса. Компания предлагает различные продукты, включая аромадиффузоры, ароматы и подписные сервисы, которые помогают улучшить клиентский опыт.
Тип
Платформа
Задача
Сайт
Функциональность
Калькулятор расхода диффузора на главной странице рассчитывает примерный срок службы продукта в зависимости от введённых пользователем данных, таких как площадь помещения и частота использования, улучшая покупательский опыт.
CMS: WordPress
Магазин: WooCommerce
Калькулятор: Динамически считает срок расхода диффузора на основе характеристик товара
Данные: Автоматически подгружаются из карточек товаров (объём, интенсивность и т.д.)
Вариативный товар: Реализованы различные вариации одного аромата — объёмы, типы флаконов и степени насыщенности, что позволяет пользователю выбрать наиболее подходящий вариант прямо на странице продукта.
Технологии
Проект был реализован с использованием HTML5, SCSS и чистого JavaScript для создания динамических элементов. WordPress с кастомной темой обеспечил гибкость в управлении контентом и магазинам, интегрированным через WooCommerce.
Для хранения специфических характеристик товаров использовались ACF (Advanced Custom Fields), что позволило легко настраивать поля для каждого диффузора. Для работы калькулятора расхода был задействован WP Ajax и REST API, что позволило обновлять данные без перезагрузки страницы. Оптимизация изображений в формате WebP, кеширование и использование Lazy Load улучшили производительность сайта. Мультиязычность реализована с помощью WPML.
Адаптивность
Сайт полностью адаптивен и корректно отображается на всех устройствах — от смартфонов до широкоформатных мониторов. Интерфейс сохраняет читаемость, визуальную структуру и удобство взаимодействия независимо от размера экрана.
Для хранения специфических характеристик товаров использовались ACF (Advanced Custom Fields), что позволило легко настраивать поля для каждого диффузора. Для работы калькулятора расхода был задействован WP Ajax и REST API, что позволило обновлять данные без перезагрузки страницы. Оптимизация изображений в формате WebP, кеширование и использование Lazy Load улучшили производительность сайта. Мультиязычность реализована с помощью WPML.
Результат
Сайт показал отличные результаты после запуска: скорость загрузки достигла 90+ баллов на Google PageSpeed благодаря глубокой оптимизации, включая использование WebP, Lazy Load и кеширования. Встроенный калькулятор на главной странице повысил вовлечённость пользователей и дал прирост конверсии на 18% — посетители чаще совершают покупку после расчёта срока расхода аромата. Добавление новых товаров стало максимально удобным: все параметры легко управляются из админки WordPress без необходимости технической доработки
MARKET AROMA
MARKET AROMA
Next project
