01 · ЗАДАЧА
Что требовалось
Создать атмосферный промо-портал книги Валентины Курановой «Арт-Маяк. Путевые заметки и карта смыслов» — с авторской графикой, интерактивными сценами и возможностью заказать печатное издание.
Главная задача — перенести художественный характер книги в цифровую среду. Посетитель должен исследовать главы и авторские заметки в собственном ритме, взаимодействовать с визуальными сценами и постепенно знакомиться с книгой и её автором.
Важно было объединить выразительный дизайн, удобную навигацию, адаптацию для мобильных устройств и рабочую систему заказов.
02 · РЕШЕНИЕ
Что сделано
Разработал индивидуальный дизайн и собственную тему WordPress. В основе визуального языка — фактура кремовой бумаги, книжная типографика, вишнёвые акценты, рисунки Валентины Курановой и специально подготовленные иллюстрации.
Реализовал главную страницу с выбором семи художественных пространств, семь самостоятельных глав и четыре дополнительных авторских раздела. Общий маршрут связывает путешествующая звезда и плавные анимированные переходы.
Добавил параллакс, колыхание бумажных листов, реакцию теней на движение мыши, переключение света и контекста, интерактивные схемы и просмотр изображений в лайтбоксе. Предусмотрел мобильную версию и поддержку системного уменьшения анимации.
Интегрировал WooCommerce: отдельная страница книги, модальное окно заказа с именем и телефоном, сохранение заявки в магазине и ограниченный доступ менеджера к заказам. Подготовил карточки будущих форматов — аудиокниги, цифрового издания и мерча.
Настроил серверное кэширование информационных страниц с исключением оформления заказов, а также стартовый прелоадер, который появляется только при ожидании загрузки первого экрана.
03 · РЕЗУЛЬТАТ
Итог проекта
Запущен действующий промо-портал artmayak.art: семь глав, четыре авторских раздела и страница заказа книги в едином художественном стиле.
Посетитель может исследовать книгу через интерактивные сцены и оформить заявку на печатное издание. Заказы сохраняются в WooCommerce, менеджер видит контактные данные и продолжает общение с покупателем.
Заказчик отдельно отметил целостность стиля и внимание к деталям.