Владислав Малков Сайт по мотивам книги автора Ганса Ха́зе «Катазан» с "живыми картинками"
Задача
Была поставлена задача создать уникальный веб-сайт, который станет не просто витриной для книги автора д-ра Ганса Ха́зе «Катазан», а настоящим погружением в ее мир. Главная "фишка" проекта – это "живые картинки".
Что такое "живые картинки" в нашем понимании?
Это не просто статичные изображения. Заказчик планировал, чтобы иллюстрации в книге оживали на экране:
Анимация: Персонажи могли бы появляться в каждом произведение, шевелиться при нажатие мыши, создавая ощущение динамики и присутствия.
Интерактивность: Пользователи могли бы взаимодействовать с элементами картинки – например, кликнуть на персонажа, чтобы его оживить и усилить атмосферу и эмоциональное восприятие.
Цель сайта:
Привлечь новую аудиторию: Сделать книгу более доступной и интересной для широкого круга читателей, особенно для тех, кто ценит визуальный контент и интерактивность.
Усилить впечатление от книги: Позволить читателям глубже погрузиться в сюжет и мир, созданный автором, через визуальные и интерактивные элементы.
Создать платформу для взаимодействия: Дать возможность читателям общаться с автором, делиться впечатлениями.
Продвижение книги: Сделать сайт эффективным инструментом для продажи книги и привлечения внимания к творчеству автора.
Результат
Основные элементы сайта, реализованные по согласованию с заказчиком:
Раздел «Главная страница»:
Привлекательный дизайн, который сразу же погружает в атмосферу книги. Возможно, с анимированным баннером и-презентацией книги. Информация об авторе. Подробное описание книги, аннотация, самые читаемые стихи книги, последние добавленые стихи книги, возможность подписки, фото-галерея картинок произведения.
Раздел «Публикации»:
Список стихов по порядку как в книге, каждый стих представляет собой отдельную страницу с интерактивные иллюстрациями: Здесь будут располагаться те самые "живые картинки", которые оживают при наведении или клике.
Раздел «Галерея» :
Отдельный раздел, где можно будет просмотреть все ожившие иллюстрации из книги в высоком качестве.
Технические требования (общие):
Адаптивный дизайн для корректного отображения на всех устройствах (компьютеры, планшеты, смартфоны).
Быстрая загрузка страниц, оптимизация изображений и анимаций.
Удобная навигация.
Современные веб-технологии для реализации данного проекта.
