Портал для Российского экспортного центра

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

АО «Российский экспортный центр» – это государственный институт поддержки несырьевого экспорта под управлением ВЭБ.РФ, консолидирующий группу компаний, предоставляющих российским экспортерам широкий спектр финансовых и нефинансовых мер поддержки.

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

———————————————

JSC Russian Export Center is a state institution for supporting non-resource exports managed by VEB.RF, consolidating a group of companies that provide Russian exporters with a wide range of financial and non-financial support measures.

We have developed a single web portal for Russian exporters, completely reassembling its structure, navigation, content and functionality, taking into account user experience and best global practices. As part of the project, export maturity assessment services and the exporter’s personal account in a “single window” format, which are integrated with accounting systems, were launched.

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

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

Любой пользователь может также стать автором и написать свою новость, которая будет размещена в Информационном агентстве «Российского экспортного центра».

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

———————————————

Today, the portal of the Russian Export Center is a knowledge base for exporters, an interactive map of exports and imports of goods, current news and events.

Users of the portal can order services in areas of activity, and even receive an expert answer from company employees.
Any user can also become an author and write his own news, which will be posted in the Information Agency of the Russian Export Center.

The pre-project work carried out to analyze the current information space and world practices allowed us to take into account all the customer’s requirements, and the analytical data received from the target audience to develop a convenient portal.

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

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

— Проведение бизнес-аудита и анализа информационного пространства заказчика
— Проектирование новой структуры сайта для двух языковых версий – русской и английской
— Разработка дизайн-системы
— Проектирование интерфейса и навигации для десктопной, планшетной и мобильной версий сайта
— Адаптивная верстка и интеграция с системой управления сайтом
— Интеграция со всем ландшафтом учетных систем Российского экспортного центра
— Настройка редиректов для сохранения поискового трафика
— Проведение испытаний и опытной эксплуатации
— Разработка проектной документации
— Обучение сотрудников заказчика
— Запуск нового сайта Российского экспортного центра

———————————————

The main objective of the project was to create a single space for Russian companies engaged in non-resource exports to obtain all the necessary information for their activities and the services themselves in a personal account in a “single window” format.

— Conducting a business audit and analysis of the customer’s information space
— Designing a new website structure for two language versions – Russian and English
— Development of a design system
— Interface and navigation design for desktop, tablet and mobile versions of the site
— Adaptive layout and integration with the content management system
— Integration with the entire landscape of accounting systems of the Russian Export Center
— Setting up redirects to save search traffic
— Conducting tests and trial operation
— Development of project documentation
— Training of customer employees
— Launch of a new website of the Russian Export Center

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

Аналитика и проектирование

На первом этапе работы мы провели бизнес-аудит, проанализировали целевую аудиторию и предметную область деятельности АО «Российский экспортный центр».

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

— Построили CJM (карты путей пользователей)
— Разработали структуру нового сайта для двух языковых версий
— Описали функциональные блоки
— Составили рекомендации по подготовки контента
— Разработали новую концепцию дизайна сайта
— Разработали дизайн-систему

Построение CJM для Российского экспортного центра
https://d-element.ru/about/blog/kak-my-delali-novyy-sayt-dlya-rets/

Дизайн-система

С целью систематизации разработки и дальнейшей поддержки такого большого проекта мы создали дизайн-систему.

Дизайн-система — это некий фреймворк, в котором набор всех элементов из UI-kit собран кодом в библиотеку работающих компонентов.

Использование такого подхода позволило нам существенно ускорить процесс разработки.

Разработка дизайн-системы — сложная и кропотливая работа. Ведь мало просто создать правила, элементы и шаблоны. Разработчикам должно быть удобно этим пользоваться.

Построение дизайн-системы мы решили сделать на основе дизайн-токенов — это некая именованная сущность, описывающая атомарное правило построения интерфейса согласно правилам системы.

Технологический стек

1С-Битрикс:Управления сайтом
Инфраструктура: GitLab CI + Docker + Prometheus + Zabbix + Grafana
PHP (Laravel) + React + Redux
Базы данных: MySQL (master-master) + Memcached
Автотесты: Playwright
Брокер: RabbitMQ

Функциональные особенности

Как и полагается, особое внимание мы уделили главной странице:
— Баннер с актуальной информацией по выставкам и возможностью подачи заявки на участие
— Функционал определения подходящих услуг для экспортеров
— Список услуг РЭЦ
— Новости
— Экспортный акселератор
— Опросы
— История успеха компании

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

Реализована интеграция с MDM и CRM-системами Российского Экспортного Центра:
— Услугами
— Данными по тестированию экспортной зрелости
— Данными по прохождению опросов
— Подбором индивидуальных услуг
— Анкетой премии «Экспортер года»

Спроектировали и реализовали Базу знаний с важной информацией для пользователей и ответами на часто задаваемые вопросы.

Реализована систему интеллектуального поиска.

Подбор услуг

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

Мировой экспорт товаров

Интерактивная карта с аналитическими данными по экспорту и импорту товаров.

Премия «Экспортер года»

Анкета для подачи заявки на конкурс «Экспортер года».
Нами разработан алгоритм автоматического определения кандидатов в подбедители по итогу заполнения анкет и подсчета баллов.

Личный кабинет

Функционал личного кабинета состоит из следующих разделов:
— Профиль пользователя
— Управление подпиской
— Заказать услугу
— Создать обращение
— История обращений со статусами
— История заказов со статусами

Как мы делали новый сайт для «Российского экспортного центра»
https://d-element.ru/portfolio/razrabotka-portala-dlya-rossiyskogo-eksportnogo-tsentra/

———————————————

Analytics and design

At the first stage of work, we conducted a business audit, analyzed the target audience and the subject area of activity of Russian Export Center JSC.

The data obtained made it possible to create a convenient, correct and understandable structure and navigation for the new site.
Based on the results of the work performed, we:

— Built CJM (user path maps)
— Developed the structure of the new website for two language versions
— Described the functional blocks
— Made recommendations for content preparation
— Developed a new website design concept
— Developed a design system

Construction of CJM for the Russian Export Center
https://d-element.ru/about/blog/kak-my-delali-novyy-sayt-dlya-rets/

Design system

In order to systematize the development and further support of such a large project, we created a design system.

A design system is a kind of framework in which a set of all elements from a UI kit is assembled by code into a library of working components.

Using this approach allowed us to significantly speed up the development process.

Developing a design system is complex and painstaking work. After all, it’s not enough just to create rules, elements and templates. Developers should be comfortable using this.

We decided to build a design system based on design tokens - this is a certain named entity that describes the atomic rule for constructing an interface according to the rules of the system.

Functional Features

Technology stack

1C-Bitrix: Site Management
Infrastructure: GitLab CI + Docker + Prometheus + Zabbix + Grafana
PHP (Laravel) + React + Redux
Databases: MySQL (master-master) + Memcached
Autotests: Playwright
Broker: RabbitMQ

As expected, we paid special attention to the main page:
— Banner with up-to-date information on exhibitions and the ability to apply for participation
— Functionality for determining suitable services for exporters
— List of REC services
- News
— Export accelerator
— Polls
— Company success story

We took it apart in detail and worked out the service card - the landing page where the main search traffic goes.

Integration with MDM and CRM systems of the Russian Export Center has been implemented:
— Services
— Export maturity testing data
— Data on completing surveys
— Selection of individual services
— Questionnaire for the “Exporter of the Year” award

Designed and implemented a Knowledge Base with important information for users and answers to frequently asked questions.

An intelligent search system has been implemented.

Selection of services

A service selection service has been developed to help users decide on the right service based on the answers to the questions asked. Questions are reassembled during the survey depending on the selected answers.

World export of goods

Interactive map with analytical data on the export and import of goods.

Exporter of the Year Award

Application form for the “Exporter of the Year” competition.
We have developed an algorithm for automatically identifying candidate winners based on filling out questionnaires and calculating points.

Personal Area

The functionality of your personal account consists of the following sections:
— User profile
— Subscription management
- Order service
— Create a request
— History of status requests
— Order history with statuses

How we made a new website for the Russian Export Center
https://d-element.ru/portfolio/razrabotka-portala-dlya-rossiyskogo-eksportnogo-tsentra/

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

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

Скриншоты

Комментарий заказчика

АО «Российский экспортный центр» выражает благодарность команде ООО «Цифровой Элемент за успешную реализацию проекта по модернизации официального сайта АО «Российский экспортный центр», за оперативность решения рабочих задач и за высокую инициативу в поиске и применении технологических улучшений для нашего проекта.