Lunai.ru

Информация о проекте

Компания LUNAI — авторский бренд, создающий уникальные ежедневники, календари и астрологическую продукцию. Основная аудитория проекта — люди, интересующиеся астрологией, самопознанием и эстетичными инструментами для планирования. Перед командой стояла задача разработать сайт, который не только презентует продукцию, но и станет полноценным интерактивным пространством, вовлекающим пользователей в «лунную» тематику.

Цели создания сайта:

• Разработать современный, эстетичный дизайн в черно-белой минималистичной стилистике с «магическими» акцентами.
• Создать удобный каталог и карточки товаров с возможностью выбора опций (вариаций) и быстрым оформлением заказа.
• Интегрировать корзину с онлайн-эквайрингом (ЮKassa) и службами доставки (СДЭК, Почта России) для автоматического расчета стоимости.
• Реализовать уникальный интерактивный инструмент — калькулятор лунных суток, который рассчитывает данные на основе даты, времени и места рождения пользователя.
• Обеспечить возможность самостоятельного управления контентом (товарами, статьями, информацией о лунных днях) через удобную админ-панель.
• Создать блог и страницы с полезной информацией для привлечения органического трафика.
• Предусмотреть гибкость для дальнейшего расширения функционала (например, продажа цифровых товаров).

Решение

Работа над проектом началась с детального обсуждения технического задания и выбора платформы. Заказчик рассматривал два варианта: быстрый и бюджетный на Tilda или более сложный, но масштабируемый на WordPress. Учитывая планы по развитию и уникальные требования (калькулятор лунных суток), выбор был сделан в пользу WordPress с кастомной темой и плагином WooCommerce.

Дизайн-концепция разрабатывалась поэтапно. Дизайнер Дарья предложила несколько вариантов стиля, отталкиваясь от референса atlas-stars.ru. В ходе многочисленных итераций был утвержден финальный визуал: черный фон, тонкие линии, «звездное небо» с мерцанием, акцентный желтый цвет и шрифт Opinion Pro. Особое внимание уделили проработке всех состояний элементов: ховеры на кнопках, анимация карточек, адаптация под мобильные устройства. Финалом дизайн-этапа стала отрисовка более 30 уникальных страниц, включая карточки товаров, блог, FAQ, контакты и страницу 404.

Параллельно с дизайном велась разработка технической основы. Была сверстана главная страница и все внутренние страницы, после чего начался этап интеграции с WordPress. Ключевой задачей стало подключение онлайн-эквайринга (ЮKassa) и настройка корзины для работы с товарами. На этом этапе возникла необходимость интеграции с сервисом «Кактус.Корзина» для автоматизации заказов и доставки. В процессе тестирования выявились нюансы работы с API «Кактуса», которые потребовали дополнительной отладки и правок.

Самым сложным и нестандартным этапом стала реализация лунного калькулятора. Требовалось не просто создать форму, а реализовать сложные астрономические расчеты для определения лунного дня, фазы, знака зодиака и других параметров. Первоначальная попытка не увенчалась успехом, и предоплата была возвращена заказчику. Однако позже, после того как заказчик нашел подходящие формулы и скрипт, команда вернулась к задаче. Разработчики успешно интегрировали полученный скрипт, доработали его, добавили возможность выбора города из базы и прикрутили систему управления контентом (тексты и изображения для каждого лунного дня и знака зодиака) через ACF-поля в админке. В итоге калькулятор не только работал, но и стал мощным магнитом для трафика, выведя страницу в топ-10 поисковой выдачи по ключевым запросам.

После успешного запуска проект продолжил развиваться. Был проведен масштабный редизайн главной страницы: фон стал единым для всех блоков, появились новые секции (например, блок с опросом), была переработана навигация. Но самым важным этапом стал полный отказ от корзины «Кактуса» и переход на нативную корзину WooCommerce. Это позволило получить полный контроль над процессом оформления заказа, дизайном и данными. Разработчики вручную интегрировали ЮKassa, настроили расчет стоимости доставки через API СДЭК и Почты России, реализовали работу промокодов и полностью переписали email-шаблоны для уведомлений клиентов. Этот переход был выполнен без остановки работы магазина, поэтапно.

В дальнейшем функционал был расширен для поддержки вариативных и цифровых товаров. Команда настроила WooCommerce для работы с вариациями (например, выбор цвета или типа упаковки), что позволило заказчику гибко управлять ассортиментом. Была добавлена возможность продажи цифровых версий календарей (PDF), с автоматической отправкой ссылки на скачивание после оплаты. На протяжении всего сотрудничества велась пост-релизная поддержка: исправлялись баги (например, проблемы с отображением цен вариаций), настраивались цели в Яндекс.Метрике, сайт подключался к Google Search Console и Google Analytics, проводились работы по устранению критических ошибок, мешающих индексации.