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

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

Прежний сайт был, скорее, заглушкой и содержал всего 3 страницы.

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

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

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

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

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

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

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

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

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

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