Дизайн

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

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

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

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

Backend

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

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

Frontend

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

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