Новый сайт Роскадастра

Главное о кейсе

Сайт для новой государственной компании «Роскадастр». Разработка стартовала в период реорганизации и консолидации нескольких компаний: ФГБУ «ФКП Росреестра», ФГБУ «Центр геодезии, картографии и ИПД», АО «Ростехинвентаризация — федеральное БТИ», АО «Роскартография».

Сайт стал единой площадкой взаимодействия с государством для широкой аудитории — от частных клиентов до бизнеса и госорганов.

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

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

Website for the new state company Roskadastr was created. The development was launched during the reorganization and consolidation of several companies: FGBU FKP Rosreestr, FGBU Center of Geodesy, Cartography and IPD, JSC Rostekhinventarizatsiya - Federal BTI, JSC Roskartografia.

The site has become a single platform for interaction with the state for a wide audience ranging from private clients to businesses and government agencies.

In addition to providing information to the public, the new site of Roskadastr will help users to receive services online, as well as send and distribute requests and feedback to the appropriate departments, that are assigned to a particular federal district and a particular sub-federal entity. For this purpose dynamic blocks have been designed and implemented, which, depending on the geo-position of the user, give him information on services, structure and contacts relevant to his region. If geopositioning is disabled we implement convenient filters and settings to select the location manually.

The site has a smart search with thoroughly developed suggestions, they help the company to communicate with the client and quickly provide answers to questions. We have developed a system of hints and notifications throughout the site that describes its features.

Как проект изменил жизнь пользователей

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

Также объединение на сайте нескольких структур в одну позволит повысить качество предоставляемых услуг и скорость их обработки. Кроме того, специалисты Роскадастра, в том числе за счет появления обновленного ресурса и программы «Национальная система пространственных данных», рассчитывают дополнить данные о недвижимости. Например, на конец 2021 года в ЕГРН не было внесено 59% границ населенных пунктов и не хватало информации о собственности 48 миллионов объектов.
_______________________

The Roskadastr website is no longer the cumbersome and inconvenient resource it used to be. Friendly interfaces and tone-of-voice invite the user to study information, giving them an opportunity to get services in one place. In the older version the same services were distributed among different sites and provided no online interaction with the client.

Also, the consolidation of several structures into one will improve the quality of services provided and the speed of their processing. In addition, the Roskadastr specialists are planning to supplement real estate data. The updated resource and the program "National System of Spatial Data" will be used for this purpose. For example, at the end of 2021, 59% of the borders of settlements were not entered in the USRN and there was a lack of information on the ownership of 48 million objects.

Бизнес-задача и ее решение

Задачи проекта:
1. Создать новый сайт, на котором объединятся услуги и презентации нескольких реорганизованных компаний.
2. Создать новую дизайн-концепцию для сайта Роскадастра, хорошо интегрируемую в уже существующий брендбук головной компании — Росреестра.
3. Сделать сайт простым и доступным для очень широкой аудитории (все население РФ), подчеркнуть дружелюбность компании по отношению к своему клиенту.
4. Соблюсти все требования, предъявляемые к государственным сайтам и регламентированные законом.

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

На текущий момент сайт находится на стадии наполнения контентом на стороне заказчика. Ожидаем релиза.
_______________________

Project Objectives:
1. Creating a new website that unites the services and presentations of several reorganized companies.
2. Creating a new design concept for the Roskadastr website, well integrated into the existing brandbook of its parent company Rosreestr.
3. Making the website simple and accessible to a very wide audience (the entire population of the Russian Federation), emphasizing the company's friendliness towards its client.
4. Compliance with all the requirements for government websites regulated by law.

The deadline was very short while the amount of content that required processing was enormous. That is why we had to look for optimal solutions that would allow us to launch the resource on time, without sacrificing its convenience for users. Therefore, the work plan was as follows:
— in-depth interviews with representatives of each company, to study their business processes and particulars of their work;
— development of the project's information architecture and user scenarios;
— detailed design of pages and navigation;
— several iterations of design concept development;
— adaptive design for different resolutions;
— layout and programming, customization of integrations;
— development of the project documentation, program and methodology for testing the website;
— instructing the assigned persons to administer the site, providing consultations.

At the moment the customer is filling the website with content. The release should take place shortly.

Крафт (мастерство), реализация, технические детали

Структура компании и контакты

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

Конструктор

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

Поиск

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

Дизайн

Сделать дружелюбный дизайн для всего населения РФ — задача не самая легкая.
На этапе разработки дизайн-концепции основным приведенным примером мастерства в дизайне для нас стал сайт Госуслуг. Изюминкой в задаче стал брендбук Росреестра, который было необходимо использовать, но он не был адаптирован для веба.
В ходе реализации мудборда мы пробовали разные стили и приемы, и после синхронизации с командой клиента единогласно выбрали плоский дизайн с нежно-голубыми градиентами и паттерном в виде изолиний.
Далее проработка деталей:
— новые вебные иконки;
— подбор и обработка изображений, которые должны рифмоваться с концепцией;
— подбор комбинаций рисунков градиента;
— ресайз и обработка фотоконтента;
— адаптация под планшет и мобайл;
— сборка UI-кита.
_______________________

Company structure and contacts

The main difficulty in designing this section was the number of organizations and their hierarchy: central office, federal districts, federal subjects with branches. The branches are divided into main and ordinary ones, while in some regions the contacts of the main branch may refer to several branches at once.
In order not to force the user to understand the structural subtleties of the company, we decided to automate the process of searching for relevant contacts by auto-detecting geolocation and linking it to specific branch contacts.
When a person visits the site, his geolocation is detected and the corresponding contacts and structure are pulled up. At the same time he can change the geolocation on the page and see the list of organizations in the selected region.

Construction Kit

The detailed page of services was realized in the form of a construction kit. The number of blocks and information in them depends on the amount of content that is available on each area of the company's activity. It is flexible and can be configured and filled in the admin panel. One can select the desired type of block, fill it with content and put the blocks in the required order.
This reduced the development time and allows the client's managers to fill in the pages using the admin panel without contacting the programmers.

Search

The search on the main screen became the key functionality and the main way to search for information. Geolocation is used to offer the user the services in his city.
We worked out the search suggestions, which can display frequently asked questions, popular services, show the section that contains the answer to the question. In some cases it shows the cost of the service.

Design

Making a design that would look friendly for the entire population of the Russian Federation is not an easy task.
At the design concept stage we used the Gosuslugi website as the main example of design excellence. Additional challenge was offered by compulsory use of the Rosreestr brandbook which was not adapted for the web.
While compiling the moodboard, we tried different styles and techniques, and after discussing the matter with the client's team we unanimously chose a flat design with soft blue gradients and a pattern in the form of isolines.
Next, we worked out the details:
— new web icons;
— selection and processing of images that should rhyme with the concept;
— selection of gradient pattern combinations;
— resizing and processing of photo content;
— adaptation for tablet and mobile;
— UI kit assembly.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

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

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

Government organizations differ significantly from other customers, there are always numerous approvers and one has to work with scores of restrictions.
For example, in this project we had a working chat with colleagues from 6 state companies, where there were 20 active participants from the customer’s side. Each person was responsible for a separate area of work, and in order to unite all tasks in a single site, we had to build clear rules of communication with each customer and at each stage of work.

At the start, we created a huge communication matrix, in which all the participants, positions, and areas of responsibility were written down - we referred to it until the last day of the project.

In Notion we kept the log of the project, in which we logged the progress step-by-step, the results of all calls, all the emails, used screenshots, quotes, comments on the layouts. Some customers even sent us photos of printed design layouts with pen edits. This allowed us to use only facts during general calls and make correct, motivated decisions.

Текущая доступность работы

Сайт запущен, но пока не доступен к просмотру, так как наполняется контентом на стороне заказчика. По ссылке — макет главной страницы сайта.

Скриншоты