Compagnie l'Entr'Axes
98 по производительности: у театральной труппы нет бюджета на медленный сайт.
- Год
- 2026
- Разработка
- 3 недели
- Стек
- Next.js · React · Tailwind · TypeScript · Vercel
- Дизайн
- Разработка
- Локальное SEO
- Тексты
- производительность в Lighthouse
- 98/100
- годовая стоимость хостинга
- 0 €
- год основания труппы
- 2009
Какую задачу нужно было решить.
Контекст
La Compagnie l'Entr'Axes — лионская любительская театральная труппа, которой с 2009 года руководит Аньес Фэй (Agnès Faye): спектакли, мастерские, репертуар.
Ограничение
У любительской труппы нет ни бюджета на поддержку, ни веб-мастера. Сайт должен месяцами жить сам по себе, оставаться актуальным по постоянно меняющимся датам и вызывать желание забронировать билет — и всё это без регулярных расходов.
Решение
Статический рендеринг, бесплатный хостинг, контент в читаемых файлах данных. Афиша опирается на реальные даты: прошедшие спектакли автоматически переходят в репертуар, а не остаются в анонсах как предстоящие. Сайт не может устареть без чьего-либо вмешательства.
Показатели на момент сдачи.
Оценки Lighthouse для сайта в рабочей среде. Мы публикуем их как есть: если какая-то оценка низкая, её причина и план исправления описаны ниже, а не замалчиваются.
Каждое решение — и его причина.
Драматический регистр
Контрастный шрифт с засечками, глубокий чёрный, красный цвета занавеса. У театра сильные визуальные коды; пренебречь ими ради безликого дизайна значило бы потерять идентичность места.
Сначала афиша
Ближайшие даты — раньше, чем рассказ о труппе. Посетитель театрального сайта хочет знать, что играют и когда; история труппы интересует его потом.
Мастерские как вторая опора
Мастерские поддерживают жизнь труппы не меньше, чем спектакли. У них своя страница — с расписанием, ценами и записью, — а не строчка на странице «О нас».
Палитра проекта
Чёрный сцены
#141013
Фон
Красный занавеса
#A32639
Фирменный стиль, акценты
Слоновая кость
#F3EEE7
Текст
Золото софитов
#C9A24B
Детали
Типографическая система
Заголовки
Playfair Display 700
Основной текст
Inter 400
Дидона для афиши, гротеск для программы. Даты набраны табличными цифрами, чтобы оставаться выровненными в календаре.
Что внутри.
- Next.js
- React
- Tailwind
- TypeScript
- Vercel
Автоматический перенос дат
У каждого спектакля указаны даты. После последнего показа он без всякого вмешательства уходит из афиши в репертуар. Именно это позволяет сайту без веб-мастера оставаться точным.
98 по производительности
Статика, два шрифта на собственном сервере, никаких библиотек анимации, изображения нужного размера. Лучшая оценка производительности в портфолио — при самом скромном бюджете.
Нулевая стоимость работы
Ни сервера приложений, ни базы данных, бесплатный хостинг. Для ассоциации долговечность сайта зависит прежде всего от его стоимости.
Как сайт становится находимым.
Разметка Event с датами
Каждый показ описан узлом Event с датой, местом и ссылкой на бронирование. Именно это позволяет показываться в выдаче мероприятий.
Запросы о досуге
«Любительский театр Лион», «спектакль Лион в эти выходные», «театральная мастерская для взрослых Лион». Три разных намерения, три страницы.
Удобно для всех.
С июня 2025 года Европейский акт о доступности (European Accessibility Act) требует цифровой доступности для значительной части онлайн-сервисов. Мы закладываем её на этапе проектирования, а не исправляем задним числом.
Проверенный контраст на чёрном фоне
94: красный цвета занавеса на глубоком чёрном был осветлён, чтобы держать 4,5:1 в основном тексте. Оставшиеся замечания касаются выявленных декоративных элементов.
Что было сдано.
- Главная
- Афиша
- Репертуар
- Мастерские
- О труппе
- Бронирование
- Контакты
Ход проекта.
Ограничения
Никакого бюджета на поддержку: сайт должен обновляться сам.
Дизайн
Драматический регистр, афиша в начале.
Разработка
Статика, автоматический перенос дат, бесплатный хостинг.
SEO
Разметка Event, три семейства запросов.
О чём нас часто спрашивают.
Другие проекты
Соответствие GDPR & SaaSKonsent by Kayzen
Разработчик баннеров, который сам же их проверяет, — судья в собственном деле: независимость и была продуктом.
Наступательная кибербезопасность & SaaSSentinel by Kayzen
Продавать продукт безопасности инженерам: каждое утверждение должно было быть доказуемым.
Данные & МетеосервисMétéo Climat France
358 индексируемых страниц, анимированная карта на 72 срока — и ни одной строчки фреймворка.
Тот же уровень требований — для вашего сайта.
Бесплатный аудит вашего текущего сайта, смета в течение 24 часов и письменное обоснование — такое же, как то, что вы только что прочитали. Оплата в три этапа без переплаты; местные программы поддержки проверяются до подписания.