Виртуальный музей рассказывает о прошлом и настоящем школы, важных событиях и людях.
Материалы для музея собирали выпускники, ученики и учителя. Они нашли кучу информации, пришлось придумывать, как захватить максимум контента и не сорвать при этом сроки.
23 марта
Согласовываем понимание задачи
25 апреля
Запускаем сайт
У пятой школы богатая история: сначала школа была профильной — авиационной. Выпускники получали свидетельства авиатехников и метеорологов, школу посещали космонавты Алексей Леонов и Валерий Рождественский, ученики грезили полётами и космосом.
В девяностых школа начала работать с экспериментальными программами обучения, а затем первой в городе открыла классы для слабовидящих и слабослышащих детей.
Сейчас пятая школа входит в список лучших школ города, набирает инклюзивные и общеобразовательные классы, работает с собственными детскими садами и дошкольными группами, чтобы создавать комфортную и эффективную образовательную среду.
На сайте можно узнать больше об этапах развития школы, посмотреть исторические фото, видео и документы. Есть разделы о педсоставе, спортивных достижениях, известных выпускниках и ещё куча всего.
430 посещений за первую неделю
Среднее время на сайте — пять минут
Сбор материалов был приурочен к 50-летию школы. Вокруг музея поднялся большой ажиотаж: люди приносили фотографии, делились воспоминаниями и активно обсуждали проект.
В первую неделю после запуска сайт посетили больше 400 раз. Мы собрали много обратной связи и уже через месяц выпустили большое обновление: дополнили содержимое разделов и доработали технические моменты.
Выпустили большое обновление через месяц после запуска
Добавили контент и исправили ошибки
Материалов ещё куча, планируем дополнять музей и дальше. Летом школа уходит на каникулы, поэтому большие обновления ожидаются ближе к сентябрю.
Задача — сделать виртуальный музей для ностальгирующих выпускников и учителей.
Ещё музей планируется использовать для разных школьных викторин и конкурсов.
Фиксирую задачу, иду смотреть, что вообще есть виртуально-музейного в интернете.
Музеи везде — панорамные фотки с возможностью крутить мышкой. Не наш формат, ищу дальше. В школьных музеях всё не очень: наспех вкрученные в сайт разделы с неаккуратным оформлением. Запутано, скучно и уныло, не наш путь.
Нахожу пару интересных музеев, но формат всё равно не то.
Прикидываю технические моменты. Решаю ничего не прятать по разделам, сделать одну большую страницу, показывать всё и сразу. Загрузку контента оптимизирую, чтобы огромная страница быстро загружалась и не тормозила.
Страница будет статичная, без бэкенда и взаимодействия с основным сайтом, так получится серьёзно сократить бюджет и сроки. Вместо базы данных буду использовать файлы и наполнять вёрстку реальными данными у себя на компьютере.
Согласовываем понимание задачи и структуру, фиксирем бюджет и дату запуска. Сразу ясно — до запуска не успеем собрать все нужные материалы, поэтому тут же договариваемся о поддержке и обновлениях.
Организуем работу над материалами в Гугл-облаке. Всё содержимое раздела пишется и редактируется в Гугл-документах, туда же попадают на сортировку новые тексты и фотки.
Рисую наброски на бумаге и прототипы в Скетче, быстро согласовываю и перехожу к проработке дизайна.
Материалов набирается всё больше с каждым днём. Обновляются тексты, появляются новые фото. Хочется на этапе дизайна учесть всё новое и выжать максимум из материалов, но так есть риск сорвать все сроки. Волевое решение — перестать дорабатывать дизайн под новые материалы и скорее переходить к вёрстке.
Начинаю верстать, переношу данные с Гугл-диска в нужный формат.
За неделю до запуска понимаю — все хотелки не успеваем, надо что-то срезать, чтобы запуститься в срок. Под нож идёт несколько интерактивных фишек: динамическое меню, уникальные адреса разделов, поддержка старых браузеров.
Самое обидное — не успели сделать увеличение для всех фото на сайте. На карте кликов потом было видно, что люди жмут на фотки, а они открываются только фотоархиве. Доделали это только через месяц, в первом большом обновлении.
В последние дни вычитываем содержимое, правим ошибки. Тестирую вёрстку и чиню технические проблемы. Делаю тизер Вконтакте и промо-блок на сайт школы: