Мобильное приложение «Читай-город»

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

За 3,5 месяца Heads and Hands с нуля спроектировали и запустили нативное приложение на iOS. Команда проработала customer journey map для быстрого и интуитивного нахождения товаров и визуальную концепцию, соответствующую позиционированию бренда. Мобильное приложение стало для сети новым каналом онлайн-продаж и дополнительным инструментом для повышения лояльности.

For 3.5 months Heads and Hands designed and launched a native iOS app from scratch. The team worked out a customer journey map for quick and intuitive finding of goods and a visual concept corresponding to brand positioning. The mobile application has become a new online sales channel for the network and an additional tool for increasing loyalty.

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

«Читай город» — крупнейшая сеть книжных магазинов в России, которая насчитывает более 400 офлайн магазинов. В 2019 году компания продавала товары в онлайне только через сайт, в то время как у конкурентов уже были мобильные приложения. К Heads and Hands ритейлер обратился за разработкой нативного мобильного решения для онлайн-продажи товаров. Команде нужно было сделать более удобный и современный продукт, который бы выделял компанию на фоне конкурентов.

Команда Heads and Hands за 3,5 месяца спроектировала, разработала и запустила омниканальное мобильное приложение под iOS для крупнейшей российской книжной сети магазинов. Сейчас заканчиваем разработку под Android. Мы создали визуальный стиль приложения, который вписался в общий брендинг компании. Перенесли бонусную систему в онлайн с сохранением баллов, при этом ей можно пользоваться как в онлайне, так и в физических магазинах. Приложение стало новым каналом продаж, удержания текущей аудитории и привлечения новой.

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

Интеграция товаров в контент
Редакторы «Читай города» создают качественные письменные материалы: статьи, книжные циклы, подборки по интересам. Мы вывели их на главную и интегрировали товары в тексты — оттуда их можно мгновенно добавить в корзину или избранное.

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

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

Отслеживание статуса заказа
После оформления заказа, клиент получает уведомления о его состоянии по расширенной системе статусов. Пользователь узнает, когда его заказ приняли, начали комплектовать, отгрузили на склад доставки.

User-friendly анимации
Для пустых состояний и алертов дизайнеры Heads and Hands создали легкие и забавные анимации, чтобы снизить раздражение пользователя, если нужный товар не нашелся или что-то пошло не так, а также побудить к совершению целевого действия.


Chitay Gorod is the largest bookstore chain in Russia with over 400 offline stores. In 2019, the company sold products online only through the site, while competitors already had mobile applications. The retailer turned to Heads and Hands to develop a native mobile solution for selling goods online. The team needed to make a more convenient and modern product that would distinguish the company from its competitors.

In 3.5 months, the Heads and Hands team designed, developed and launched an omnichannel mobile application for iOS for the largest Russian bookstore chain. Now we are finishing development for Android. We created the visual style of the application that fit into the overall branding of the company. We moved the bonus system online with saving points, while it can be used both online and in physical stores. The application has become a new sales channel, retaining the current audience and attracting a new one.

Design
We came up with a visual concept of the app from scratch that would match the brand. To do this, the design team focused on the brand colors and style of the icons in the online store. We offered our customers more than 10 visual solutions for the key sections of the application so that they could choose the one that best suits their vision.

Integration of products into content
The editors of "Read the City" create high-quality written materials: articles, book cycles, collections of interests. We brought them to the main page and integrated products into the texts - from there they can be instantly added to the cart or favorites.

Loyalty system online
The digital bonus card allows the user to track the number of points on the account, accumulate and spend them in online and offline stores. The digital card takes into account all bonuses previously received offline. The unique in-app card barcode allows the card to be used in a physical store, creating a new omnichannel experience.

Weight Limit Tips
Delivery services have weight restrictions - the application takes this into account on the fly and, in the event of an overweight, offers to split the parcel into two orders or change the delivery method.

Track order status
After placing an order, the client receives notifications about his status using the extended status system. The user will find out when his order was accepted, they began to pick, shipped to the delivery warehouse.

User-friendly animations
For empty states and alerts, Heads and Hands designers created light and funny animations to reduce user irritation if the desired product was not found or something went wrong, as well as to induce the target action.

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

Читай город
Ведущий в России книжный магазин
Первая версия приложения была опубликована в App Store и Play Market через 3.5 месяца после старта разработки.

Проект в цифрах:
2 нативных приложения iOS и Android
100+ экранов на одну платформу
9 человек в проектной команде


Chitai Gorod
Leading bookstore in Russia
The first version of the application was published in the App Store and Play Market 3.5 months after the start of development.

Project in numbers:
2 native iOS and Android apps
100+ screens per platform
9 people in the project team

Скриншоты