Читай-Город — редизайн сайта и приложения

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

Мотка переосмыслила цифровой опыт крупнейшей книжной сети России: обновила десктоп, адаптивную версию и нативное приложение iOS/Android. Задача была не просто в редизайне, а в том, чтобы собрать современный e-commerce продукт без потери конверсии и с системой, которую можно развивать дальше.

Результат появился сразу после запуска. Мини-карточка товара дала +6,06% к конверсии в покупку. Главная страница — +2,1% к добавлению в корзину. Новый раздел «Мои книги» в первую неделю начали использовать 63% постоянных пользователей, а 8% всех заказов пришло через него. Ни одна из ключевых метрик не просела.

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

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

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

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

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

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

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

Ключевым элементом проекта стала мини-карточка товара — базовая единица каталога, рекомендаций и промо-сценариев. Мы проработали более 80 ее состояний для разных устройств, контекстов и механик показа. Карточка стала одинаково уверенно работать в каталоге, поиске, подборках, акциях и мобильных сценариях, сохраняя читаемость и конверсионную логику.

Работа шла сразу в нескольких плоскостях: новый визуальный язык, развитие дизайн-системы, синхронизация с разработкой и внедрение в живой продукт. Мы спроектировали рабочую систему для e-commerce с большим ассортиментом, частыми обновлениями, редакционным контентом и персонализацией.

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

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

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

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

Работа строилась в плотной связке с командой клиента. Спорные решения проверялись через продуктовую логику и тестирование. Это позволило принимать решения быстрее, точнее и без лишних компромиссов.

Прочая информация о кейсе

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

На момент завершения основного этапа сайт и приложение уже были запущены в продакшн, а внутренняя команда продолжила развитие продукта внутри созданной системы.

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

https://www.chitai-gorod.ru/

Скриншоты

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

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