Что было
«Конфетти»: образцовая студия эстрадной песни в Екатеринбурге. Дети от четырёх лет занимаются вокалом и хореографией и выступают на конкурсах. Старый сайт выглядел как блог: слайдер с фотографиями, сплошной текст о студии в узкой колонке и лента «свежих записей» сбоку. Родитель, который пришёл выбрать студию для ребёнка, не находил ответов на простые вопросы: чему учат, кто педагог, когда занятия и как записаться.
Что изменилось
Новая главная ведёт родителя по порядку:
- Первый экран: кто мы и для кого, кнопки записи.
- Цифры студии и рассказ о ней с фотографиями.
- Что вас ждёт: пять направлений занятий.
- Победы на конкурсах лентой, со ссылкой на все.
- Последние новости.
- Руководитель студии.
- Запись и контакты с картой.
Всё остальное вынесено на отдельные страницы: расписание, руководитель, победы, репертуар, раздел для родителей с правилами и частыми вопросами, фото, видео, аудио и новости. Всего десять страниц.
Анкета записи
Раньше запись шла через стороннюю форму. Теперь по любой кнопке «Записаться» открывается анкета прямо на сайте: имя и возраст ребёнка, дата рождения, школа или сад, имя и телефон родителя. Телефон вводится по маске и проверяется, после отправки родитель видит подтверждение.
Сайт, который студия ведёт сама
У студии постоянно появляется новое: расписание на сезон, победы, фотографии с концертов, записи песен. Поэтому почти всё содержимое редактируется прямо на сайте после входа администратора, без отдельной админки:
- Новости с картинками.
- Победы по годам.
- Расписание занятий.
- Репертуар с текстами песен.
- Объявление для родителей.
- Фотоальбомы с загрузкой пачкой, видео и аудио с плеером.
Руководитель видит страницу такой же, как посетитель, и правит её на месте.
Оформление
Яркий фиолетовый фон и летящее конфетти на первом экране передают настроение студии. Блоки появляются при прокрутке, цифры досчитываются, слайдер с фотографиями листается пальцем.
Как устроено
HTML, CSS и JavaScript без фреймворков, небольшие PHP-скрипты для сохранения содержимого, данные хранятся в файлах. Настроены описания для поисковиков и соцсетей, карта сайта и своя страница 404. Сайт работает на домене студии.
Как было и как стало
Скриншоты
Частые вопросы
Что родители ищут на сайте детской студии?
Чему учат и с какого возраста, кто педагог, расписание, результаты учеников и простой способ записаться.
Может ли руководитель сам обновлять расписание и новости?
Да. После входа администратора расписание, новости, победы, репертуар и медиа правятся прямо на страницах сайта.
Зачем отдельные страницы для фото, видео и аудио?
У студии много записей выступлений. На отдельных страницах их удобно смотреть, а главная остаётся короткой и понятной.
