АНО ИРИ
800 000
Государство и общество
Россия, Москва
Корпоративный сайт
Май 2024
АНО ИРИ в рамках спецпроектов Культуры заказало проект народы-россии.РФ, рассказывающий о народах России и о выдающихся представителях народностей России. В рамках задачи требовалось выполнить следующие задачи:
Проработка программной структуры архитектуры сайта портала Народы России. Разработка прототипа интернет ресурса.
Создание фирменного стиля и дизайн-макетов: Главной страницы. Раздел Наша Гордость, Новости, Разделы Города, Национальности, Тесты, Достижения, Этническая карта.
Верстка разделов: Главная, Новости, Достижения, Наша гордость и Города.
Настройка и конфигурирование CMS ModX/EVO, установка на хостинге
Настройка административной панели управления сайта. Разделение прав пользователей панели, с возможность ввода и редактирования статической информации, медиа-файлов и модерации.
Установка верстки на код CMS ModX
Программирование основных разделов и инфоблоков в системе, подключение динамического кода вывода информации к статическим страницам верстки.
Модуль выгрузки по хэштегу из соцсетей
Изменение уровней доступа в зависимости от этапа.
Тестовое наполнение информацией
Начальное добавление информации на сайте перед публикацией указанных на этапе разделов.
Тестирование
Проведение тестирования конечного продукта, опытная эксплуатации, правки ошибок.
Первым делом были разработаны прототипы, которые были применены при написании ТЗ

По ним, были разработаны несколько концептов дизайна:

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

р
Разработка сайта выполнена по спринтам с четким планированием этапов:
- Подготовлено и согласовано техническое задание, развернута среда разработки
- Реализована кастомизация административной панели и базовые модели бэкенда
- Утверждены дизайн-концепции, создана бизнес-логика и основные компоненты фронтенда
- Завершена отгрузка дизайн-макетов и интеграция всех функциональных модулей
- Проведено тестирование и исправление выявленных недочетов
2. Организация рабочего процесса
- Весь код размещен в системе контроля версий Заказчика
- Управление задачами осуществлялось через корпоративную систему управления проектами
3. Разработанные структурные элементы сайта
Созданы и интегрированы следующие компоненты:
- Анимированная мозаика
- Тамбнейл статьи для списка статей
- Список статей
- Видео галерея
- Форма участия в конкурсе
- Пагинация
- Главное меню с адаптивным поведением
- Футер
4. Реализованные шаблоны страниц
- Главная страница
- Страница «Наши герои»
- Страница «Наши достижения»
- Страница конкурса «Я - гражданин России»
- Страница «Все видео»
- Страница «Статьи»
5. Административная панель
Подготовлена к эксплуатации с возможностью управления:
- Контентом страницы «Статьи»
- Элементами меню и футера
Реализован функционал создания, редактирования и удаления сущностей с поддержкой WYSIWYG-редактора, медиавложений и ссылок.
6. Технические требования выполнены
- Сайт адаптирован для десктопов, планшетов и мобильных устройств
- Обеспечена кроссбраузерная совместимость (Chrome, Firefox, Safari)
- Реализована SEO-оптимизация: robots.txt, автоматический sitemap, уникальные meta-теги
- Выполнена оптимизация изображений
- Достигнуты показатели производительности: FCP 70 в Lighthouse
7. Продуктовая реализация элементов
Каждый элемент реализован в соответствии с техническим заданием и дизайн-макетами, включая адаптивную верстку, анимации и функциональность по предоставленным прототипам.
После завершения сайта, были проведены тесты кроссбраузерности верстки на всех популярных устройствах, через сервис browserstack.

А также нагрузочное тестирование сайта на сервере.