Новый дизайн для старейшего университета

О проекте

В августе 2022 года к нам обратился Красноярский государственный педагогический университет имени В. П. Астафьева. В КГПУ получают высшее образование по 53 направлениям, среднее профессиональное — по 6 программам. Также университет занимается профессиональной переподготовкой, повышением квалификации, дополнительными общеобразовательными программами. Заказчик обратился к нам с задачей разработать новый дизайн сайта, который бы отражал современные требования к образовательным платформам и обеспечивал удобный доступ к информации для абитуриентов, студентов, преподавателей и других заинтересованных пользователей.

Задача

Перед нашей командой стояли следующие задачи:

• Создать привлекательные и уникальные дизайн-макеты, отражающие фирменный стиль университета и подчёркивающие его авторитет в образовательной сфере.

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

• Адаптировать сайт к различным устройствам, включая мобильные и десктопные версии, обеспечивающие комфортный пользовательский опыт на любом экране.

Решение

Обычно разработка любого сайта в Alente начинается с предпроектного обследования (ППО). Мы полностью погружаемся в бизнес клиента, анализируем рынок, изучаем целевую аудиторию и метрики старого сайта, а также опираемся на свой опыт аналогичных проектов. 

Для КГПУ предпроектное обследование мы не проводили, так как заказчик ответственность за формирование технического задания взял на себя. И это была ошибка.

Новый дизайн

Проект-менеджер получил готовую структуру сайта с пакетом сложной и местами противоречивой документации. 

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

Мы могли поспорить и обвинить заказчика в запутанном ТЗ. Но это тупиковый путь. В Alente так не работают: клиентоориентированность всегда на первом месте.

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

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

Дизайнер прямо в процессе презентации переделала баннер для главной страницы, а также скорректировала остальные 18 страниц. Она исправила всё, что не понравилось заказчику: цвета, решения, элементы. Благодаря такому необычному подходу многие недочёты были устранены на встрече и не пришлось тратить время на дополнительное координирование.

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

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

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

Программирование

Дизайн-проект успешно согласовали, оставалось сверстать. В целом крупных проблем не возникало. Единственное, изначально не было запроса на некоторые решения: например, как будут выглядеть иконки документов в разных форматах (.docx и.pdf) и так далее. Всё было оперативно решено: мы добавили недостающие элементы, протестировали, исправили выявленные баги.

В конце сентября мы передали файлы вёрстки программистам из КГПУ, которые должны были перенести новый дизайн на старый движок. Сайт был запущен без крупных багов и проблем.

Результат

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