Сайт музея Горки Ленинские

Виртуальный музей на экране вашего монитора

Закончили государственный проект - новый информационный портал для музея-заповедника "Ленинские горки". Сайт музея создавался на трех языках - русском, английском и китайском. Имеет разветвленную структуру разделов, охватывающих все направления деятельности музея.

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

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

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

Одним из важнейших требований Заказчика при заказе сайта под ключ было организация удобного и современного рабочего пространства для управления ресурсом. Задача была реализована на базе административной панели Битрикс. Были созданы разграничение доступов для разного уровня сотрудников, настроены отдельные разделы для контент-менеджера, а так же выведены в табличной форме все необходимые поля для удобного и быстрого наполнения.

Помимо этого, все статические страницы сайта, такие как "Раздел контактов", "Раздел о музее" и другие имеют возможность редактироваться напрямую с frontend (лицевой части сайта). Администратору достаточно перейти в режим редактирования и он может корректировать информацию на сайте, не заходя в админ-панель и сразу наблюдать за изменениями. Это очень экономит время работы с сайтом.

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

Проектирование структуры сайта музея-заповедника Горки Ленинские

Проектирование
структуры сайта

Спроектировали разветвленную и логичную схему сайта музея.

Структура сайт музея-заповедника Горки Ленинские

UX/UI дизайн сайта

Дизайн
сайта музея

Создали гармоничный UX/UI в стилистике музея-заповедника.

Дизайн сайта музея-заповедника Горки Ленинские

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

Дизайн сайта музея-заповедника Горки Ленинские

Новый сайт музея-заповедника "Ленинские горки" был анонсирован и официально представлен администрацией музея 22 апреля 2020 года. Благодаря своему удобству, комфортности дизайна и продуманной логике, сайт получил множество положительных откликов, как от сотрудников музея, так и от его посетителей.

Ускоренная загрузка страниц

Скоростная загрузка страниц


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

быстрая загрузка страниц сайта
Версия для слабовидящих

Версия для слабовидящих


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

Версия для слабовидящих
Удобная панель управления

Удобная панель управления


Буквально вся информация на сайте управляется из административной панели.
А некоторые разделы напрямую с лицевой части сайта.

удобная административная панель сайта
адаптивная верстка

Адаптивная верстка

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


адаптивная верстка сайта музея-заповедника
список выполненных работ при создание сайта

Список выполненных работ

  1. Прототипирование сайта в соответствие с контентом, предоставленным заказчиком
  2. Индивидуальный UX/UI дизайн, в соответствие с пожеланиями заказчика
  3. Верстка макета сайта на чистом HTML5 + CSS3
  4. Адаптивная верстка (под все виды мобильных устройств)
  5. Лицензия 1С Битрикс
  6. Интеграция html шаблона с cms.
  7. Программирование и настройка всех компонентов
  8. Реализация функционала версии для слабовидящих
  9. Создание мультиязычных версий сайта
  10. SEO-оптимизация (все инструменты есть в админке)
  11. Наполнение основных страниц сайта (контент предоставляет заказчик)
  12. Настройка кеширования всех компонентов сайта
  13. Настройка генерации sitemap, robots.txt
  14. Создание почтовых адресов сайта
  15. Настройка хостинга и перенос сайта
  16. Тестирование всего проекта на наличие ошибок в работе