Workspace Digital Awards 2025 — успейте номинировать кейсы по льготной цене до 1 декабря. Принять участие!
Мотка
Перезапуск главного ресурса по русскому языку Грамота.ru
Мотка
WDA
2024
#Проектирование сайта#Дизайн сайта#Иллюстрации

Перезапуск главного ресурса по русскому языку Грамота.ru

3293 
Мотка
Мотка Россия, Москва
Поделиться:
Перезапуск главного ресурса по русскому языку Грамота.ru
Клиент

ООО «Портал «ГРАМОТА.РУ»

Сфера

Обучение

Регион

Россия, Москва

Сдано

Декабрь 2023

Задача

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

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

• обновить структуру разделов и страниц, сделав ее более доступной для новых пользователей

• объединить поиск по сайту и сделать его центральным инструментом сайта

• разработать адаптивный дизайн сайта, уделив большое внимание мобильной версии

• спроектировать и нарисовать новые разделы

• обновить визуальный язык Грамоты, взяв в качестве отправной точки логотип, разработанный в издательстве Грамоты Тагиром Сафаевым и Игорем Бурым

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

Решение

Грамота.ru слишком сложный портал для редизайна в стандартном режиме «постановка задачи — итерация — правки — доработки». Чтобы полноценно включиться в обновление Грамоты, наш арт-директор полностью перешел в команду Грамоты, привлекая по мере прояснения конкретных задач дизайнеров и иллюстраторов. Постепенно в процессе обсуждений, исследований, интервью, тестирования вариантов вместе с командой мы формулировали задачи и находили для них решения.

1Структура

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


• Справочная служба: база всех ответов и возможность задать свой вопрос


• Словари: описание и выходные данные всех словарей, доступных в поиске Грамоты


• Библиотека: все справочники, которые можно почитать на Грамоте, официальные документы о русском языке и другие материалы, которые должны быть в легком доступе

• Журнал Грамоты: новое медиа Грамоты рассказывает о жизни русского языка


• Учебник Грамоты: новый учебник Грамоты с интерактивными заданиями, продолжающий пополняться.

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

2Поиск

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

3Адаптивный дизайн

Сделали удобный доступ ко всем материалам для всех устройств: 


• в справочниках сделали содержание, доступное в каждой главе, и удобный переход в соседние главы

• во всех разделах и результатах поиска доступно свое меню


• проработаны все детали в материалах: от врезок и перекрестных ссылок в статьях 
до специализированной разметки в словарных статьях.

   

4Журнал Грамоты

Журнал Грамоты — новое медиа, где лингвисты, филологи и исследователи делятся своими знаниями и любовью к слову. Мы разработали универсальную структуру, чтобы в будущем Журнал мог расширяться за счет новых рубрик и тем. Важной частью оформления Журнала стали иллюстрации. Тема языка довольно сложная для иллюстрирования – нужны умные и изящные метафоры, чтобы лента не превратилась в череду повторяющихся букв и книг. Теперь с Грамотой сотрудничает несколько замечательных иллюстраторов. Для них сформулированы основные свойства визуального языка Грамоты и собрана цветовая палитра, которая визуально объединяет стилистически разные картинки. 

5Учебник Грамоты

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

6Визуальный язык и типографика

Большие изменения Грамоты неизбежны, потому что портал не обновлялся очень давно, но важно было найти баланс между новым стилем Грамоты и прежним образом, к которому привыкли пользователи:


• фирменный зеленый цвет остался, но стал более зрелым и мягким


• у нового стиля дружелюбный характер, Грамота намеренно не гонится за трендами, но интерфейсы должны быть удобными и современными


• появились персонажи, помогающие пользователю ориентироваться в материалах по сайту

• прежний логотип в форме улитки стал символом справочной службы Грамоты.

Типографика особенно важна для ресурса о русском языке. Мы искали шрифты с хорошей кириллицей, не тянущие на себя слишком много внимания, но выразительные и обязательно содержащие знаки ударений и расширенную кассу символов. Теперь в материалах Грамоты используются шрифты трех студий: основными стали Cofo Sans студии Contrast Foundry и Spectral, кириллицу для которого разработали CSTM Fonts.

  

   

   

Результат

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

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

https://gramota.ru/

Стек технологий


Награды


Над проектом работали:


Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

Мотка с удовольствием обсудит вашу задачу

Оставить заявку