Ваш браузер устарел, сайт упрощён. Чтобы сайт работал более быстро и красиво,  скачайте современный браузер

Виртуальный музей архангельской пятой школы

Сайт об истории школы в событиях, 
людях и фотографиях

Виртуальный музей пятой школы

Виртуальный музей рассказывает о прошлом и настоящем школы, важных событиях и людях.

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

23 марта

Согласовываем понимание задачи

25 апреля

Запускаем сайт

У пятой школы богатая история: сначала школа была профильной — авиационной. Выпускники получали свидетельства авиатехников и метеорологов, школу посещали космонавты Алексей Леонов и Валерий Рождественский, ученики грезили полётами и космосом.

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

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

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

430 посещений
за первую неделю

Среднее время на сайте — пять минут

Сбор материалов был приурочен к 50-летию школы. Вокруг музея поднялся большой ажиотаж: люди приносили фотографии, делились воспоминаниями и активно обсуждали проект.

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

Выпустили большое обновление
через месяц после запуска

Добавили контент и исправили ошибки

Материалов ещё куча, планируем дополнять музей и дальше. Летом школа уходит на каникулы, поэтому большие обновления ожидаются ближе к сентябрю.

Руководитель проекта — Татьяна ЛузгачёваКуратор — Татьяна ЕфремоваИконки Сергея Чикина

Задача — сделать виртуальный музей для ностальгирующих выпускников и учителей.

Ещё музей планируется использовать для разных школьных викторин и конкурсов.

Фиксирую задачу, иду смотреть, что вообще есть виртуально-музейного в интернете.

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

Нахожу пару интересных музеев, но формат всё равно не то.

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

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

База данных не используется, всё содержимое музея хранится в файлах

Согласовываем понимание задачи и структуру, фиксирем бюджет и дату запуска. Сразу ясно — до запуска не успеем собрать все нужные материалы, поэтому тут же договариваемся о поддержке и обновлениях.

Организуем работу над материалами в Гугл-облаке. Всё содержимое раздела пишется и редактируется в Гугл-документах, туда же попадают на сортировку новые тексты и фотки.

Работа с файлами в Гугл-документах
Работа с файлами в Гугл-документах
Работа с файлами в Гугл-документах

Рисую наброски на бумаге и прототипы в Скетче, быстро согласовываю и перехожу к проработке дизайна.

Наброски и прототипы
Наброски и прототипы
Наброски и прототипы
Наброски и прототипы
Наброски и прототипы

Материалов набирается всё больше с каждым днём. Обновляются тексты, появляются новые фото. Хочется на этапе дизайна учесть всё новое и выжать максимум из материалов, но так есть риск сорвать все сроки. Волевое решение — перестать дорабатывать дизайн под новые материалы и скорее переходить к вёрстке.

Начинаю верстать, переношу данные с Гугл-диска в нужный формат.

За неделю до запуска понимаю — все хотелки не успеваем, надо что-то срезать, чтобы запуститься в срок. Под нож идёт несколько интерактивных фишек: динамическое меню, уникальные адреса разделов, поддержка старых браузеров.

Не вошло в запуск

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

В последние дни вычитываем содержимое, правим ошибки. Тестирую вёрстку и чиню технические проблемы. Делаю тизер Вконтакте и промо-блок на сайт школы:

Вёрстка тестируется в разных браузерах и на разных устройствах

Запускаемся по плану — 25 апреля.
Выдыхаю.