Сайт музыкального проекта

LGZ STARS — перенос сайта и разработка удобной админки

Перенёс сайт музыкального проекта с Vercel на Beget, сохранив оформление и материалы. Разработал удобную админку: заказчица сама обновляет артистов, фотографии, видео и афишу, просматривает заявки и сведения о заказах школы.

Открыть рабочий сайт

Главная страница

Прокрутите вниз для полного просмотра

Загружается полная страница проекта…

Готовый продукт

Что получил клиент

Задача

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

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

Переданная система

Заказчица получила сайт с сохранённым оформлением и самостоятельным управлением повседневными задачами. Артисты, изображения, видео, события, контакты и тексты обновляются через админку; обращения и сведения о заказах собраны в системе.

Сайт работает на обычном хостинге Beget без отдельного VPS.

Реализация

Выполнил перенос сайта с Vercel на обычный хостинг Beget. Существующие материалы и необходимые записи из исходных таблиц перенёс в базу данных. Сохранил основное оформление, шрифты и изображения.

Для повседневной работы разработал сайт с удобной админкой: разделы для артистов, галереи, афиши, программ, заявок, кастинга и учёта заказов и оплат. Предусмотрел поиск, фильтры, предпросмотр, публикацию, архив и встроенную инструкцию.

Отдельно настроил сбор заявок с сайта и получение сведений о заказах школы. Такая автоматизация помогает собирать обращения и данные из внешней системы в одной панели.

Рабочие сценарии

Что видят посетители

Каждый пункт описывает конкретную функцию запущенного продукта.

Карточки артистов и «Топ-20»

Привёл фотографии к единому оформлению, а для «Топ-20» настроил круглые портреты. В карточке открываются описание артиста и его видео. Если фотография ещё не добавлена, сайт показывает заглушку.

Видео внутри сайта

Добавил поддержку YouTube, Rutube и VK. После клика видео открывается во всплывающем окне, а при закрытии воспроизведение останавливается. У роликов есть обложки. Доступность видео зависит от владельца, настроек встраивания и внешнего сервиса.

Заявки на выступления и кастинг

Настроил форму заявки и анкету кастинга: ввод номера телефона по образцу, понятные ошибки и сохранение введённых данных при сбое отправки. В анкете видеоссылки можно добавлять и проверять по одной. Обращения сохраняются в админке; почтовые уведомления можно направлять нескольким получателям.

Управление и автоматизация

Как заказчица управляет сайтом

Заменить фотографию и описание

Редактирование описания и замена фотографии доступны прямо в карточке артиста. Порядок артистов на главной меняется перетаскиванием. Для этих действий не нужно редактировать код.

Добавить событие и обновить главную

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

Проверить ссылку на видео

Добавил проверку ссылок и исправление однозначных ошибок. Администратор видит результат проверки, может заменить недоступную ссылку и загрузить собственную обложку. Так понятно, какие материалы требуют внимания.

Сложная часть проекта

Что предусмотрено для повседневной работы

Учёт заказов школы

Реализовал приём уведомлений о заказах из Тильды и перенёс исторические сведения в админку. Оплата проходит на стороне школы через Robokassa; LGZ получает данные для учёта и сам платёж не принимает. Предусмотрел защиту от повторного добавления, историю поступления и указание источника статуса. Перенесённая отметка об оплате сама по себе не является независимым подтверждением платежа.

Защита свежих изменений

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

Документы и выбор посетителя

Разместил документы и реквизиты, отдельные согласия в формах и cookie-баннер. Настроил включение Яндекс Метрики после разрешения посетителя. Посетитель может выбрать только необходимые cookies.