mjshow.ru
Сайт под ключ для шоу-трибьюта «Майкл Джексон: Легенда» — дизайн, вёрстка и JAMstack-сборка с CMS Decap, PWA и встроенной покупкой билетов.
Что было сделано
- Дизайн и вёрстка под ключАтмосферный дизайн шоу-посвящения и адаптивная вёрстка с нуля — от первого экрана до карточек показов.
- CMS Decap на JAMstackОрганизатор сам редактирует даты показов, программу и настройки сайта через git-based CMS, без сервера и базы данных.
- PWAСайт устанавливается на экран телефона и открывается как приложение — с иконкой и офлайн-кэшем.
- Покупка билетов на сайтеВстроен виджет продажи билетов с картой зала и ценами по секторам — без перехода на сторонний сайт.
Технологии
Результат
Получился атмосферный сайт-трибьют под ключ, который организатор редактирует сам через CMS Decap — без разработчика и без сервера под бэкенд. Зрители устанавливают сайт как приложение на телефон и покупают билеты прямо на странице шоу, не уходя на сторонние сайты.
Атмосферный сайт под ключ на JAMstack с CMS Decap
Нужен был не типовой лендинг, а полноценный сайт под ключ: атмосферный дизайн шоу-посвящения и при этом лёгкое редактирование дат показов и программы человеком без навыков программирования — без тяжёлой админки и отдельного хостинга под бэкенд.
Собрал сайт на JAMstack-архитектуре с git-based CMS Decap: организатор редактирует даты показов, программу шоу и настройки сайта через простую панель — правки коммитятся в репозиторий и пересобирают статический сайт, без сервера, PHP и базы данных.
PWA и покупка билетов прямо на сайте
Зрители чаще всего заходят с телефона из соцсетей и рекламы — сайт должен был открываться мгновенно, устанавливаться как приложение, а покупка билета — происходить без перехода на сторонний ресурс с непонятным интерфейсом.
Настроил PWA (манифест, иконки, service worker) — сайт можно добавить на экран телефона и открывать как приложение. Встроил в блок «Билеты» виджет продажи с интерактивной картой зала и ценами по секторам — прямо на странице шоу.
Нужен похожий сайт или сервис?
Расскажите о задаче — оценю сроки и стоимость, отвечу в течение дня.
Другие проекты
Дистрибьютор медицинского оборудования Inomed
Интеграция вёрстки в MODX для официального дистрибьютора медицинского оборудования Inomed: каталог продукции по категориям и области применения с глубокой технической структурой и якорной навигацией.
Гостиница «Фатима» в Казани
Перенос сайта гостиницы с WordPress на конструкторе Elementor на Hugo и Decap CMS ради максимальной скорости: новая вёрстка с нуля, исправлены все ошибки, 92 балла Google PageSpeed за производительность и 100 за SEO.
Интернет-магазин сценического оборудования MAINFX
Вёрстка, интегрированная с Laravel, для интернет-магазина сценического оборудования: карточки товаров с техническими таблицами и аксессуарами, страница фирменного приложения ShotControl App и полностью двуязычный интерфейс.