Разработка сайта Томского политехнического университета

1. Вводная задача от заказчика, проблематика, цели

Руководство вуза уделяет большое внимание имиджу университета и его интернет-ресурсам. Сайт лучшего технического вуза должен соответствовать растущим требованиям и современным тенденциям развития IT технологий.

На начало работы существовал ряд критичных проблем:

• дизайн морально устарел;
• сайт не адаптировался под мобильные устройства и имел сложную навигацию;
• страницы загружались долго;
• панель управления была неудобна для использования — без знания html-разметки администраторы сайта испытывали затруднения при создании уникальных контентных страниц.

Со временем поддержка и развитие ресурса стали сложными и дорогостоящими.

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Редактор контента

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

Версионность страниц

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

Система навигации

Понятная навигация делает работу с сайтом удобной. Главное меню содержит пункты для быстрого доступа к самому важному.

Графический язык

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

Внутренние страницы

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

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

Государственные образовательные учреждения законодательно обязаны соблюдать требования по доступности информации на интернет-ресурсах для людей с ограниченными возможностями. Нами была разработана отдельная версия интерфейса в соответствии с приказом № 97 Министерства связи.

Адаптивность

Проработанная адаптивность делает сайт удобным для просмотра с любого устройства.

Любовь Марковская

Начальник отдела интернет-коммуникаций, Томский политехнический университет

ТПУ сотрудничал со Студией 15 при работе над несколькими проектами, в том числе над новым Презентационным сайтом ТПУ.

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

3. Результаты сотрудничества

Главные проблемы сайта решены:

• Сайт адаптируется под мобильные устройства, это повысило посещаемость сайта.
• Продуманная проектировщиками навигация предусматривает вывод сложной структуры ресурса в простом и понятном виде без перезагрузки страницы.
• Страницы грузятся быстрее как в административной, так и в пользовательской частях.
• Контент-менеджер сайта теперь может быстро собирать уникальные страницы из готовых элементов-шаблонов, изменяя только содержимое. Знание html-верстки не требуется. Время работы с контентом сокращает еще и то, что редактирование страниц происходит прямо на лицевой стороне сайта, а в случае ошибки, администратор может «откатиться» до нужного изменения. Для этого на сайте предусмотрен модуль версионности страниц.
• Чтобы сайт не упал в поисковой выдаче после запуска, был предусмотрен модуль редиректов со старых страниц на новые, а URL-адреса сохранены максимально приближенными к старому сайту.

И самое главное — продукт можно легко поддерживать и развивать.