Создание сайта Счетной палаты

Аудитория

Кто и зачем заходит на сайт Счётной палаты? Именно этот вопрос мы задали на первой встрече представителю клиента.

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

Задачи

Исходя из вышесказанного решили уделить внимание:

• результатам контрольных мероприятий;
• максимальной простоте интерфейса и навигации;
• типографике;
• поиску на сайте.

Также клиент поставил перед нами задачу: перенести контент со старого сайта на новый. Итого более трёхсот статей и отчётов. 

Структура сайта и гайдлайн

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

смотреть в оригинальном размере

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

смотреть в оригинальном размере

Что мы сделали:

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

Так мы сократили стоимость разработки макетов страниц и их вёрстки. 

Простые визуальные решения

Цвет

При работе с цветом руководствовались следующим:

• минимализм в палитре;
• никаких градаций серого в оформлении текста— пользователь приходит на сайт Счётной палаты работать с текстовым контентом, это должно быть легко;
• выбор голубого и лазоревого цвета, и их оттенков — нам нужна визуальная принадлежность сайта к Самарской области, связь решено было проводить через герб Самарской области с лазоревым щитом и Андреевской лентой.

Шрифт

Адаптив

Сайт удобен в использовании на экранах мобильных устройств именно за счёт простоты использованной дизайн-системы.