Сайт для городского книжного фестиваля «Красная строка»

Главное о кейсе

В 2024 году в Екатеринбурге во второй раз прошел Международный книжный фестиваль «Красная строка». В 2023 году в нем участвовало более 130 издательств и около 45 тыс. читателей. А в 2024 году с 23 по 25 августа в рамках фестиваля более 200 мероприятий прошло на 19 площадках. На мероприятие приехало около сотни экспертов — писателей, критиков, книжных блогеров. 63 тыс. зрителей участвовали в мастер-классах и дискуссиях, а 150 издательств и книжных магазинов развернули торговые точки с печатной продукцией.

В 2024 году команда дизайна и разработки Doubletapp за полтора месяца написала с нуля и запустила для «Красной строки» сайт и административную панель для загрузки контента и комплектации площадок, а затем обеспечивала техподдержку в фестивальные дни.

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

Международный книжный фестиваль проводится при спонсорской поддержке госструктур, поэтому сайт для организаторов — не только интерактивная афиша, но и обязательный элемент отчетности. Так мы помогаем бизнесу заказчика расти, а горожанам — получать все более масштабные и разнообразные фестивали.

Как проект изменил жизнь пользователей

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

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

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

Бизнес-задача и ее решение

Организаторы книжного фестиваля «Красная строка» — наши давние партнеры. Команда Doubletapp вместе с ними работает над ежегодными музыкальными проектами — Ural Music Night, Шоукейс-фестивалем актуальной музыки NEW/OPEN. В этот раз мы подключились к немузыкальному проекту, которому требовался удобный функционал: заказчик хотел получить новый современный сайт, административную панель для наполнения сайта, техподдержку во время ивента и в межфестивальный период.

Прежний сайт был, скорее, заглушкой и содержал всего 3 страницы. Цель заказчика — повысить юзабилити, улучшить UX/UI. «Красная строка» — международное культурное мероприятие, куда приезжают самые востребованные современные писатели уровня Яны Вагнер («Эпидемия», «Туннель»), Алексея Иванова («Сердце Пармы», «Географ глобус пропил»), Алексея Сальникова («Петровы в гриппе и вокруг него»), и ему нужен респектабельный сайт.

Мы помогли заказчику не только привлечь читателей, спонсоров, спикеров и издательств, но и отчитаться перед грантодателями, потому что наличие сайта мероприятия обязательно для структур, работающих в формате НКО.

Крафт (мастерство), реализация, технические детали

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

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

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

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

Функционал сайта простой: в колонке можно посмотреть общее расписание мероприятий по дням, кликнуть на конкретное и открыть в левой части подробности — спикера, тему, площадку, время и раздел литературы. В верхнем меню закреплены спикеры, параллельная программа (экскурсии, перфомансы и даже диктант подшофе!), список издательств, партнеров и контакты организаторов. Всю информацию можно найти через поисковый инструментарий сайта.

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

BACKEND
Для бэкенда использовали традиционный шаблон — Python + Django. Его можно развернуть за два десятка часов и быстро наполнить контентом. Мы применили экономичное и эффективное решение, которое сэкономило заказчику десятки миллионов рублей, и выполнили задачу в рамках небольшого бюджета и сжатых сроков.

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

FRONTEND
Сайт написан на React — это библиотека, помогающая реализовать интерфейсы, которые могут менять контент без перезагрузки страницы. Благодаря этому сайты быстро отзываются на действия пользователей. Кроме того, React популярен, и заказчик в случае нужды легко и быстро найдет специалистов для поддержки или доработки сервиса.

Для написания логики и манипуляции интерфейсом применили JavaScript, для его типизации — TypeScript. Серверный рендеринг, помогающий в оптимизации SEO, обеспечивал фреймворк Next JS. Для стилизации страниц приложения использовался препроцессор sass, позволяющий аккуратно и надежно писать код.

Технологии:
Backend: Python, Django, PostgreSQL, Pytest
Frontend: Next JS, React, Javascript, Typescript

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

Команда Doubletapp часто выступает IT-партнером городских мероприятий: мы создали и поддерживаем цифровую инфраструктуру Международного музыкального фестиваля Ural Music Night, Шоукейс-фестиваля актуальной музыки NEW/OPEN, а также зарелизили за 3 месяца сайт для Международного фестиваля университетского спорта.

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

Скриншоты

Видео