О проекте
e-Notary — удостоверяющий центр, который выдаёт сертификаты электронной подписи и работает в сфере криптографической защиты информации. Через сайт e-notary.ru клиенты заказывают сертификаты электронной подписи и машиночитаемые доверенности, узнают о продуктах компании — например, о приложении SmartToken-PRO, превращающем смартфон в криптографический токен, — и читают отраслевые статьи. Мы работали над сайтом удостоверяющего центра.
Задача
Электронная подпись — тема, в которой путаются даже опытные бухгалтеры и юристы: УКЭП, УНЭП, МЧД, расширения сертификата, разные схемы получения для юрлиц, ИП и физлиц. Посетитель приходит на сайт с конкретной задачей — получить подпись, чтобы работать с госуслугами или налоговой, — и ему нужно быстро понять, какой продукт заказать и что для этого сделать. Нам нужно было превратить сложную предметную область в понятную структуру с короткими путями к заказу.
Главная страница
Первый экран отвечает на вопрос «зачем это всё» одной фразой: «Всё для работы с электронной подписью». Рядом — схема, которая показывает, как это работает: подпись на смартфоне в SmartToken-PRO или на USB-токене через интернет даёт доступ к Госуслугам, ФНС, Росреестру, Росфинмониторингу и ещё полусотне ресурсов. Такая иллюстрация объясняет ценность продукта быстрее, чем абзац текста.
Под ней — короткое описание услуг удостоверяющего центра и три кнопки, разведённые цветом: «Заказать УКЭП», «Заказать МЧД» и «Заказать УНЭП». Пользователь, который уже знает, что ему нужно, переходит к заказу сразу с первого экрана. В шапке — разделы «ПО&Токены&Услуги», «Документы», «Блог» и «Контакты», а над ними телефон и Telegram для связи.
Схемы получения подписи
Самая запутанная часть — как именно получить сертификат. Мы разложили её на четыре карточки по ситуациям клиента: первичное получение руководителем юрлица или ИП, первичное получение физлицом или сотрудником, продление действующего сертификата и получение через мобильное приложение «Госключ». Внутри каждой — нумерованный список шагов: выбор сертификата и расширений, оплата по счёту или QR-коду, заявка в личном кабинете, идентификация. Клиент находит свою карточку и видит весь путь заранее. Под карточками — кнопка «Заказать УКЭП».
Следом идёт блок о машиночитаемой доверенности: что такое МЧД и почему с 1 сентября 2024 года она нужна сотрудникам, которые подписывают документы от имени компании.
Блог
Для тех, кто хочет разобраться глубже, есть блог с поиском по статьям. Материалы оформлены карточками с абстрактными обложками в мягкой пастельной гамме — они визуально объединяют раздел, не требуя отдельной иллюстрации под каждую тему. На карточке — тип материала, заголовок, анонс, дата и время чтения. Среди статей — рассказы о продуктах компании, например о новой версии File-PRO и о SmartToken-PRO, и разборы вроде «Сервер электронной подписи».
Результат
Сайт e-Notary объясняет сложную тему простыми средствами: схема на первом экране показывает, зачем нужна подпись, карточки по ситуациям — как её получить, а кнопки заказа доступны с первого экрана и после каждого объясняющего блока. Блог с поиском даёт удостоверяющему центру место для экспертных материалов о продуктах и регулировании.