Рочев Леонид веб-разработка и дизайн
← Все проекты

Сайты и интернет-магазины

«Арт-Маяк» — иммерсивный промо-портал книги

Семь художественных пространств, интерактивные сцены и заказ книги на WordPress + WooCommerce.

Промо-портал книги «Арт-Маяк»: главная страница

01 · ЗАДАЧА

Что требовалось

Создать атмосферный промо-портал книги Валентины Курановой «Арт-Маяк. Путевые заметки и карта смыслов» — с авторской графикой, интерактивными сценами и возможностью заказать печатное издание.

Главная задача — перенести художественный характер книги в цифровую среду. Посетитель должен исследовать главы и авторские заметки в собственном ритме, взаимодействовать с визуальными сценами и постепенно знакомиться с книгой и её автором.

Важно было объединить выразительный дизайн, удобную навигацию, адаптацию для мобильных устройств и рабочую систему заказов.

02 · РЕШЕНИЕ

Что сделано

Разработал индивидуальный дизайн и собственную тему WordPress. В основе визуального языка — фактура кремовой бумаги, книжная типографика, вишнёвые акценты, рисунки Валентины Курановой и специально подготовленные иллюстрации.

Реализовал главную страницу с выбором семи художественных пространств, семь самостоятельных глав и четыре дополнительных авторских раздела. Общий маршрут связывает путешествующая звезда и плавные анимированные переходы.

Добавил параллакс, колыхание бумажных листов, реакцию теней на движение мыши, переключение света и контекста, интерактивные схемы и просмотр изображений в лайтбоксе. Предусмотрел мобильную версию и поддержку системного уменьшения анимации.

Интегрировал WooCommerce: отдельная страница книги, модальное окно заказа с именем и телефоном, сохранение заявки в магазине и ограниченный доступ менеджера к заказам. Подготовил карточки будущих форматов — аудиокниги, цифрового издания и мерча.

Настроил серверное кэширование информационных страниц с исключением оформления заказов, а также стартовый прелоадер, который появляется только при ожидании загрузки первого экрана.

03 · РЕЗУЛЬТАТ

Итог проекта

Запущен действующий промо-портал artmayak.art: семь глав, четыре авторских раздела и страница заказа книги в едином художественном стиле.

Посетитель может исследовать книгу через интерактивные сцены и оформить заявку на печатное издание. Заказы сохраняются в WooCommerce, менеджер видит контактные данные и продолжает общение с покупателем.

Заказчик отдельно отметил целостность стиля и внимание к деталям.

ИНСТРУМЕНТЫ И НАВЫКИ

ЕСТЬ ЗАДАЧА?

Обсудим промо-сайт

Расскажите о Вашем проекте — согласуем функции, оформление и объём работы.

Связаться со мной →