РАЗБОР ПРОЕКТАСайт музыкальной школы «Тутти»: как показать, что школа особенная
Как показать родителям, что школа особенная, если сайт застрял в 2010 году?
Школа «Тутти» на Литейном проспекте учит детей математике и скрипке, литературе и хору в одном здании. Внутри это одна из самых необычных школ Петербурга. А сайт выглядел как архив документов на движке, который перестали обновлять больше десяти лет назад. Я сделал концепт нового сайта и рассказываю, как думал.
Смотреть новый сайт
Отвечаю по шагам
- Смотрю сайт глазами родителя с телефономОткрыл tuttispb.ru со смартфона, как мама, которая выбирает школу для первоклассника. Мелкий текст, прокрутка вбок, меню из десятков пунктов, а адреса и телефона на главной нет.
- Ищу, чем школа сильнаСамое ценное было спрятано в тексте: 63 педагога, заслуженные артисты России, гастроли по Европе с 1998 года, хор со званием «Образцовый детский коллектив». Это я вынес на первый экран крупными цифрами.
- Проверяю поиск и превьюВ заголовке главной опечатка «Главная страницау», описание пустое, превью для мессенджеров нет. Ссылка на школу в родительском чате выглядела пустой строкой.
- Строю понятный путьКто мы, чему учим, коллективы, новости, родителям, сведения, контакты. Кнопка «Поступление в 1 класс» сразу на первом экране, а на телефоне внизу всегда видны «Позвонить» и «Как добраться».
- Не теряю обязательноеУ школ есть обязательный раздел «Сведения об образовательной организации». Все 15 подразделов я собрал в один аккуратный блок, чтобы они не забивали главную, но и не потерялись.
- Даю школе голосТутти в музыке значит «все вместе». Отсюда идея: музыка и знания в одном здании. Тёмно-синий как концертный зал, коралловый и золотой как сцена, нотный стан в первом экране, живые фото Дома Гукасова и ансамбля на парадной лестнице.
- Проверяю перед сдачейШирина 360 px без прокрутки вбок, все телефоны нажимаются, карта Яндекса, превью 1200×630, разметка для поиска, вес страницы меньше 0,5 МБ.
Было и стало
БылоМеню из 150 пунктов, нет телефона на главной, не открывается нормально на смартфоне, опечатка в заголовке, пустое превью.
СталоОдна понятная главная, кнопка «Поступление», звонок в одно касание, цифры и коллективы школы, карта, превью для мессенджеров.
Вывод
Школьный сайт обязан хранить документы, но жить ради документов он не должен. Сначала родитель должен за пять секунд понять, чем школа особенная и как сюда попасть. Всё остальное аккуратно лежит ниже.
#школаТутти #музыкальнаяшкола #СанктПетербург #Литейный46 #сайтдляшколы #редизайнсайта

Александр ЖдановДелаю лёгкие, яркие и понятные сайты. Журналист по образованию, путешественник: побывал во всех странах мира.
zhdanovsites.com
Частые вопросы
Сколько стоит такой сайт для школы?
Зависит от объёма документов и страниц. Напишите мне, посмотрю ваш сайт и скажу честно.
Можно ли сохранить старые документы?
Да. Все PDF и обязательные разделы переносятся на новый сайт, адреса делаем короткими и понятными.
Где будет работать сайт?
Для школ в России ставим на российский хостинг и ваш домен .ru, всё оформляется на школу.
Хотите такой же сайт?