ООО «Портал «ГРАМОТА.РУ»
Обучение
Россия, Москва
Декабрь 2023
Грамота. ru — справочно-информационный портал о русском языке, непрерывно работающий на протяжении 23 лет. У сайта многочисленная преданная аудитория. За время своего существования Грамота стала основным авторитетом по русскому языку, с ней советуются педагоги, редакторы, корректоры и другие специалисты. На сайте накопилось больше ста тысяч ответов, собрано несколько собственных справочников Грамоты. При этом у сайта много лет не было обновления и отсутствовала мобильная версия.
В 2023 году с расширением задач Грамоты и ее команды пришла пора полностью обновить сайт. Нужно было решить много задач, среди них основные:
• обновить структуру разделов и страниц, сделав ее более доступной для новых пользователей
• объединить поиск по сайту и сделать его центральным инструментом сайта
• разработать адаптивный дизайн сайта, уделив большое внимание мобильной версии
• спроектировать и нарисовать новые разделы
• обновить визуальный язык Грамоты, взяв в качестве отправной точки логотип, разработанный в издательстве Грамоты Тагиром Сафаевым и Игорем Бурым
• проиллюстрировать текущие страницы и описать правила оформления материалов для дизайнеров, иллюстраторов и бильд-редакторов.
Грамота.ru слишком сложный портал для редизайна в стандартном режиме «постановка задачи — итерация — правки — доработки». Чтобы полноценно включиться в обновление Грамоты, наш арт-директор полностью перешел в команду Грамоты, привлекая по мере прояснения конкретных задач дизайнеров и иллюстраторов. Постепенно в процессе обсуждений, исследований, интервью, тестирования вариантов вместе с командой мы формулировали задачи и находили для них решения.
Навигация на Грамота.ru расширялась и усложнялась годами. В итоге о существовании некоторых материалов знали только постоянные пользователи, когда-то поставившие на них закладки в браузере. Теперь структура сайта полностью переработана для удобства пользователей и готова к добавлению новых страниц и функций. Все страницы распределены по основным разделам:
• Справочная служба: база всех ответов и возможность задать свой вопрос
• Словари: описание и выходные данные всех словарей, доступных в поиске Грамоты
• Библиотека: все справочники, которые можно почитать на Грамоте, официальные документы о русском языке и другие материалы, которые должны быть в легком доступе
• Журнал Грамоты: новое медиа Грамоты рассказывает о жизни русского языка
• Учебник Грамоты: новый учебник Грамоты с интерактивными заданиями, продолжающий пополняться.
На главную страницу портала выведены основные ссылки на самые популярные справочники и словари, обновляемая подборка ответов на часто возникающие вопросы и свежие материалы из всех разделов.
Ключевым элементом на всех страницах стал единый поиск по Грамоте. Результаты поиска выводятся общей лентой в виде сниппетов соответствующих разделов. Можно легко сузить область поиска до конкретного раздела или словаря. Поиск по словарям или справочной службе наиболее важен и чувствителен для аудитории Грамоты, поэтому и после перезапуска продолжается работа по его оптимизации на основе откликов пользователей.
Сделали удобный доступ ко всем материалам для всех устройств:
• в справочниках сделали содержание, доступное в каждой главе, и удобный переход в соседние главы
• во всех разделах и результатах поиска доступно свое меню
• проработаны все детали в материалах: от врезок и перекрестных ссылок в статьях до специализированной разметки в словарных статьях.
Журнал Грамоты — новое медиа, где лингвисты, филологи и исследователи делятся своими знаниями и любовью к слову. Мы разработали универсальную структуру, чтобы в будущем Журнал мог расширяться за счет новых рубрик и тем. Важной частью оформления Журнала стали иллюстрации. Тема языка довольно сложная для иллюстрирования – нужны умные и изящные метафоры, чтобы лента не превратилась в череду повторяющихся букв и книг. Теперь с Грамотой сотрудничает несколько замечательных иллюстраторов. Для них сформулированы основные свойства визуального языка Грамоты и собрана цветовая палитра, которая визуально объединяет стилистически разные картинки.
Правила русского языка в учебнике изложены на различных уровнях — от базового школьного до академических знаний для самых въедливых знатоков тонкостей. Учебник постепенно пополняется новыми темами для изучения. Для каждого правила специально разрабатываются задания, помогающие закрепить материал и проверить себя. В разделе интерактивных упражнений собираются новые задания и онлайн-диктанты с прежней версии Грамоты.
Большие изменения Грамоты неизбежны, потому что портал не обновлялся очень давно, но важно было найти баланс между новым стилем Грамоты и прежним образом, к которому привыкли пользователи:
• фирменный зеленый цвет остался, но стал более зрелым и мягким
• у нового стиля дружелюбный характер, Грамота намеренно не гонится за трендами, но интерфейсы должны быть удобными и современными
• появились персонажи, помогающие пользователю ориентироваться в материалах по сайту
• прежний логотип в форме улитки стал символом справочной службы Грамоты.
Типографика особенно важна для ресурса о русском языке. Мы искали шрифты с хорошей кириллицей, не тянущие на себя слишком много внимания, но выразительные и обязательно содержащие знаки ударений и расширенную кассу символов. Теперь в материалах Грамоты используются шрифты трех студий: основными стали Cofo Sans студии Contrast Foundry и Spectral, кириллицу для которого разработали CSTM Fonts.
Успешный перезапуск придал Грамоте импульс для дальнейшего развития. У портала появился хороший фундамент для привлечения новых пользователей и расширения продуктов. Пользователи получили удобную мобильную версию, обновленные инструменты, новые возможности поиска, свежие учебные интерактивные сервисы и целый журнал о русском языке.
Мониторинг статистики и отзывов пользователей в первые месяцы после релиза новой Грамоты продемонстрировали, что перезапуск прошел успешно. Лояльные пользователи продолжают использовать портал, а у новых доля отказов стала значительно меньше. Постепенно растет посещаемость. Грамота обрела новый узнаваемый образ и основу дизайн-системы, масштабируемой не только на новые цифровые сервисы, но и на печатные продукты издательства. А мы продолжаем помогать команде Грамоты развивать наш любимый ресурс по русскому языку.
Мотка с удовольствием обсудит вашу задачу