В рамках проекта мы разработали дизайн-макет сайта и спроектировали основные пользовательские сценарии.
Задачи
Перед нашей командой стояли следующие задачи:
- обновить визуальную концепцию сайта с учётом актуального фирменного стиля;
- структурировать большой объём информации о музее, выставках, мероприятиях и экспозициях;
- продумать удобную навигацию по основным разделам и пользовательским сценариям;
- предусмотреть возможность публикации анонсов выставок и мероприятий с подробным описанием и покупкой билетов;
- разработать удобное представление информации об отделах, филиалах, экскурсиях и тематических программах;
- отдельно проработать мобильную версию сайта с учётом значительной доли мобильных посещений.
Что сделали
Обновили дизайн сайта
Основой для визуальной концепции стали обновлённый фирменный стиль и элементы брендбука музея. Мы перенесли их в цифровую среду и выстроили на их основе современный и цельный интерфейс.
При этом сознательно отказались от избыточной декоративности, большого количества анимаций и сложных визуальных эффектов. Основной акцент сделали на контенте, удобстве навигации и комфортном восприятии информации.
Спроектировали структуру контента
Сайт музея работает не только как информационная площадка, но и как инструмент взаимодействия с посетителями. Поэтому при проектировании мы предусмотрели удобную работу с разными типами контента.Пользователь может ознакомиться с анонсами выставок и мероприятий, посмотреть подробное описание и приобрести билет. Отдельно представлены отделы и филиалы музея, экспозиции, события и новости, экскурсии и тематические программы.
Также в структуре сайта предусмотрены специальные информационные разделы: «Пушкинская карта», «Участникам СВО», «Краеведение» и «Музейная сеть». Проработан раздел контактов и представлена подробная история музея.
Спроектировали мобильную версию
Отдельное внимание уделили мобильному интерфейсу. Сегодня мобильные устройства являются значимой частью посещений сайта, поэтому важно было сделать знакомство с музеем и его событиями комфортным независимо от устройства.Мы адаптировали структуру, навигацию и подачу контента под мобильный сценарий, сохранив визуальный характер нового дизайна. В результате мобильная версия получилась компактной, современной и удобной для взаимодействия без перегруженности дополнительными элементами.
Как мы работали
Аналитика и проектирование
На первом этапе изучили задачи музея, обновлённый фирменный стиль и объём информации, который необходимо представить на сайте.Основное внимание уделили структуре и пользовательским сценариям: как посетитель будет искать выставку, узнавать о мероприятии, знакомиться с экспозицией, выбирать экскурсию или находить информацию о конкретном филиале.
На основе этого сформировали структуру основных страниц и логику взаимодействия с контентом.
Дизайн
После проектирования разработали дизайн-макеты ключевых страниц сайта в Figma. При создании интерфейса опирались на обновлённый фирменный стиль музея, адаптируя его под цифровую среду.Особое внимание уделили типографике, работе с изображениями, структуре контентных блоков и визуальной иерархии — чтобы даже при большом количестве информации страницы оставались понятными и легко воспринимались.
Адаптация под мобильные устройства
Мобильную версию проектировали не как уменьшенную копию десктопа, а с учётом отдельного пользовательского сценария.Продумали расположение элементов, навигацию и последовательность подачи информации на небольшом экране. При этом сохранили единый визуальный стиль и основные принципы дизайн-концепции.
Результат
В результате музей получил целостную дизайн-концепцию обновлённого сайта, учитывающую новый фирменный стиль, большое количество информационных разделов и современные сценарии использования.Мы спроектировали не просто набор страниц, а удобную цифровую среду, в которой посетитель может узнать об истории музея, найти интересующую выставку или мероприятие, купить билет, выбрать экскурсию и получить информацию о филиалах и экспозициях.
Отдельная проработка мобильной версии позволила заложить основу для комфортного взаимодействия с сайтом с любого устройства.
