Культура & Живое искусство

Acte 2 Théâtre

Пять направлений в одном зале: информационная архитектура и была всем проектом.

Год
2026
Разработка
4 недели
Стек
Next.js · React · Tailwind · Vercel
  • Информационная архитектура
  • Дизайн
  • Разработка
  • Продажа билетов
  • SEO
Перейти на сайт(в новой вкладке)Обсудить похожий проект

Демоверсия, размещённая Kayzen Web на адресе Vercel; окончательный домен принадлежит клиенту.

https://acte2theatre.vercel.app/
Главная страница сайта Acte 2 Théâtre — Культура & Живое искусство, создан Kayzen Web
аудиторий, пять сценариев
5
производительность в Lighthouse
91/100
SEO в Lighthouse
100/100
Отправная точка

Какую задачу нужно было решить.

Контекст

Acte 2 Théâtre — районный театр в квартале Вез (Vaise), 9-й округ Лиона. Зал принимает спектакли для юных зрителей, взрослый театр, школьные показы, мастерские и сдаётся в аренду.

Ограничение

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

Решение

Организовать сайт по аудиториям, а не по календарю. У каждого направления свой вход, своя лексика и свой сценарий бронирования. Календарь есть, но как сквозное представление — а не как основная структура.

Измерено, а не заявлено

Показатели на момент сдачи.

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

PageSpeed
91
Производительность: 91 из 100
93
Доступность: 93 из 100
100
Лучшие практики: 100 из 100
100
SEO: 100 из 100
Дизайн и арт-дирекшн

Каждое решение — и его причина.

  1. Вход по аудиториям

    Семьи, взрослые, школы, мастерские, аренда. Посетитель узнаёт себя с первого взгляда; календарь, смешивающий все пять направлений, заставил бы его сортировать.

  2. Школьное направление — всерьёз

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

  3. Аренда зала как предложение

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

Палитра проекта

  • Ночной синий

    #1C2A45

    Фирменный стиль

  • Коралловый

    #D65A4A

    Юные зрители

  • Кремовый

    #F6F2EA

    Фон

  • Чернила

    #1B1D22

    Текст

Типографическая система

Заголовки

Outfit 700

Основной текст

Inter 400

Намеренно современно и не «театрально»: зал принимает в основном юных зрителей, а слишком торжественный регистр отдалил бы семьи.

Разработка

Что внутри.

  • Next.js
  • React
  • Tailwind
  • Vercel

  1. Делегированная продажа билетов, загрузка по требованию

    Модуль продажи билетов загружается только по клику. Сторонний виджет на каждой странице утяжелял бы весь сайт ради разового действия.

  2. Типизированная программа

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

SEO-продвижение

Как сайт становится находимым.

  1. Семейство запросов для каждой аудитории

    «Детский спектакль Лион», «театр Вез», «школьный поход в театр Лион», «аренда зрительного зала Лион 9». Ни один из них не смогла бы обслужить единая страница.

  2. Разметка Event и Place

    Каждый показ — это Event, привязанный к узлу Place, который описывает зал, его вместимость и доступ.

Структура сайта

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

  • Главная — пять входов
  • Юным зрителям
  • Взрослый театр
  • Школьные показы
  • Мастерские
  • Аренда зала
  • Календарь (сквозное представление)
Метод

Ход проекта.

  1. Архитектура

    Выявлены пять аудиторий, структура по аудиториям, а не по датам.

  2. Дизайн

    Отдельные входы, семейный регистр.

  3. Разработка

    Типизированная программа, отложенная продажа билетов.

  4. SEO

    Семейство запросов для каждой аудитории.

Вопросы

О чём нас часто спрашивают.

Потому что посетитель ищет не дату, а тип досуга. Календарь полезен как сквозное представление, но в роли основной структуры он заставляет каждую аудиторию отсеивать то, что её не касается.

Другие проекты

Вернуться к портфолио

Тот же уровень требований — для вашего сайта.

Бесплатный аудит вашего текущего сайта, смета в течение 24 часов и письменное обоснование — такое же, как то, что вы только что прочитали. Оплата в три этапа без переплаты; местные программы поддержки проверяются до подписания.

Записаться на встречуПосмотреть цены
Поделиться