Информация о проекте
Казанская филармония — учреждение культуры с богатой историей и активной концертной деятельностью. Для привлечения новой аудитории и упрощения доступа к афише и покупке билетов требовался современный, стильный и функциональный сайт, который бы отражал статус филармонии и предоставлял посетителям удобные инструменты.
Цели создания сайта:
- Разработать сайт с уникальным дизайном, соответствующим имиджу филармонии, на основе предоставленных макетов в Figma.
- Создать удобную афишу с календарём мероприятий, позволяющую легко ориентироваться в датах и событиях.
- Интегрировать билетную систему «Кассир.ру» для онлайн-продажи билетов непосредственно на сайте.
- Обеспечить мультиязычность (русский и татарский языки) с возможностью переключения и отдельным наполнением.
- Реализовать личный кабинет пользователя с функцией регистрации и отслеживания заказов.
- Внедрить адаптивную вёрстку для корректного отображения на всех устройствах.
- Предусмотреть возможность редактирования контента (афиши, новости, проекты, коллективы) через удобную административную панель WordPress.
Решение
Работа над проектом началась с детального анализа предоставленных дизайн-макетов в Figma. Мы оперативно уточнили все технические детали, включая используемые шрифты (Cormorant для заголовков, Montserrat для основного текста), чтобы обеспечить pixel-perfect соответствие вёрстки. На этапе вёрстки мы уделили особое внимание сложным элементам: календарю мероприятий с отображением только дат, на которые запланированы события, и слайдерам, которые должны были работать бесконечно и корректно на мобильных устройствах. Для достижения идеального результата мы использовали современный слайдер Swiper и провели ряд итераций, чтобы добиться плавности и отказоустойчивости.
Особую сложность представляла интеграция с билетной системой «Кассир.ру». Мы внедрили виджет покупки билетов, который открывается в модальном окне, и настроили его так, чтобы он корректно работал как на страницах афиши, так и в карточках отдельных мероприятий. В процессе тестирования мы столкнулись с нюансами работы виджета в различных браузерах и оперативно находили решения, обеспечивая стабильную работу функционала.
Сайт был построен на WordPress с использованием кастомной темы, что позволило гибко управлять всеми типами контента: афишей, новостями, проектами и коллективами. Мы реализовали мультиязычность с помощью плагина, создав отдельные версии страниц на русском и татарском языках с возможностью переключения в шапке сайта. Для администраторов была подготовлена подробная видеоинструкция по работе со всеми разделами админ-панели, включая настройку SMTP для отправки заявок и управление пользователями.
После завершения вёрстки и программирования мы провели тщательное тестирование на всех типах устройств, исправили выявленные недочёты (адаптив, ховеры, поведение слайдеров) и успешно перенесли сайт на боевой домен kazanfil.ru. Важно отметить, что мы сохранили архив старого сайта для заказчика и обеспечили его доступность. На финальном этапе мы также оперативно отреагировали на запрос по отображению мероприятий текущего дня, скорректировав логику фильтрации, и обновили виджет «Кассир.ру» в соответствии с новыми требованиями билетного оператора.
Итоги проекта
В результате сотрудничества был создан современный, стильный и функциональный сайт для Казанской филармонии, полностью отвечающий ожиданиям заказчика и потребностям посетителей. Удалось реализовать сложный дизайн, удобную афишу с календарём и бесшовную интеграцию с билетной системой «Кассир.ру», что позволило автоматизировать продажи билетов. Мультиязычность и адаптивность сделали сайт доступным для широкой аудитории. Проект сдан в срок, а все последующие доработки выполнялись оперативно, что подтверждает надёжность и экспертизу студии.
HTML
CSS
Javascript
PHP
Kazanfil