• 1. Сбор требований и выбор формата проекта;
• 2. Описание пользователей и сценариев;
• 3. Формирование структуры сайта и содержания разделов;
• 4. Планирование поэтапного запуска;
• 5. Начало реализации. 

Информационная архитектура

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

Проектирование

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

Дизайн сайта

Проект пришёл к нам без отчётливого фирменного стиля — перед нами был логотип ГИМ и набор цветов: белый, чёрный и оттенок красного. Мы выполнили сайт в сдержанной стилистике, с блочной вёрсткой элементов и плоской графикой. Иконки самих музеев представили монохромными и контурными.

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

Вёрстка и программирование

За вёрсткой последовал долгий этап реализации. Наши разработчики проводят сложную интеграцию системы «КАМИС», где хранится база экспонатов, с сайтом. Позже на shm.ru весь ГИМ можно будет изучить по фотографиям.

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

Поддержка и развитие

Поделив разработку на несколько этапов, мы приблизили момент первого запуска. Теперь команда проекта планирует новые итерации и последовательно дорабатывает разделы.

Перейти на сайт