programmer-web
programmer-web
Концертное агентство 1concert

1concert.ru

Сайт под ключ для концертного агентства: дизайн, вёрстка и разработка на Vue/Nuxt с админкой на Strapi, интеграция сразу с несколькими сервисами продажи билетов.

Что было сделано

  • Дизайн и вёрстка под ключ
    Афиша мероприятий, страницы концертов и раздел о компании — дизайн и адаптивная вёрстка с нуля.
  • Фронтенд на Vue/Nuxt
    Афиша с фильтром по городам, карточки мероприятий и страницы концертов на Vue/Nuxt.
  • Админка на Strapi
    Агентство само ведёт афишу, исполнителей и партнёров через headless CMS Strapi.
  • Продажа билетов через несколько сервисов
    Интеграция с Яндекс Афишей, Kassir.ru, Афишей и Kassy.ru — включая встроенный виджет с картой зала.

Технологии

Vue.jsNuxt.jsStrapiAPI-интеграции

Результат

Агентство получило живую афишу под ключ на Vue/Nuxt, которую само ведёт через админку Strapi — без участия разработчика в повседневных задачах. Билеты на мероприятия продаются сразу через несколько партнёрских сервисов, включая встроенный виджет с картой зала прямо на странице концерта.

1concert.ru
1concert — афиша мероприятий
1concert — страница мероприятия
1concert — виджет покупки билетов
1concert — страница о компании
Афиша
1concert — афиша, мобильная версия
01Сложная задача

Живая афиша на Vue/Nuxt с админкой на Strapi

Сложность

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

Решение

Собрал фронтенд на Vue/Nuxt и headless-админку на Strapi: агентство ведёт афишу, карточки мероприятий, исполнителей и партнёров через понятный интерфейс, а сайт рендерит актуальные данные с фильтром по городам.

4+ города
фильтруются на афише без перезагрузки страницы
02Сложная задача

Интеграция сразу с несколькими сервисами продажи билетов

Сложность

Билеты на разные мероприятия агентства продаются через разные площадки — Яндекс Афишу, Kassir.ru, Афишу, Kassy.ru — и на каждой странице мероприятия нужно было корректно вести покупателя именно на ту площадку и тот сеанс, где идёт продажа.

Решение

Настроил на карточках мероприятий покупку под конкретный сервис-партнёр для каждого события, включая встроенный виджет с интерактивной картой зала и ценами по секторам прямо на странице мероприятия.

4 партнёра
по продаже билетов на одной афише
Хотите так же?

Нужен похожий сайт или сервис?

Расскажите о задаче — оценю сроки и стоимость, отвечу в течение дня.

Смотреть другие кейсы