Как мы заменили медленное коробочное решение и создали удобное приложение для сети аптек «Ваша №1»

На старте у заказчика уже было коробочное решение, но оно работало медленно и не имело всех необходимых фич, которые были у конкурентов. Все индивидуальные, мелкие доработки стоили больших средств и распрастранялись на всех клиентов imshop.

 Аудитория аптек — это, в основном, люди в возрасте, поэтому было особенно важно сделать современное и понятное приложение со всем необходимым, обновить интерфейс и повысить usability. Поэтому мы решили разработать свое приложение с нуля.

Задачи:

- Разработать новый стильный и удобный дизайн приложения по гайдбуку;

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

- Сделать интуитивно понятный интерфейс;

- Оптимизировать и ускорить процесс выбора и покупки товаров.

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

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

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

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

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

После этого мы изучили приложения крупных аптечных сетей и собрали best & bad practices рынка. Смотрели не только на наличие функций, но и на то, как они поданы: насколько легко найти нужный товар, не теряется ли человек на главной странице, не перегружен ли интерфейс рекламой, удобно ли пользоваться каталогом и корзиной.

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

Для проведения исследования подключился наш системный аналитик, и мы выделили 8 фаворитов для анализа: сети аптек «Столички», 36.6, Асна, Ютека, Горздрав, Ригла, Здравсити и Еаптека. 

Выделили, что можем использовать в нашем приложении, а чего точно не хотим видеть в будущем проекте. 

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

1. Неудачное сочетание цветов, из-за чего сложно акцентировать внимание на нужных деталях;

2. Устаревший дизайн;

3. Нагромождение нечитабельного текста и блоков на главной странице;

4. Неэффективная реклама и нарушение композиции, что мешает восприятию;

5. Разная стилистика иконок и их неравномерное выравнивание.

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

Поэтому в дизайне мы сделали акцент на нескольких вещах:

– подобрали более мягкую и спокойную цветовую палитру на базе фирменного красного, чтобы интерфейс не утомлял и не создавал лишнего напряжения;

– адаптировали приложение под системное увеличение шрифта, чтобы им было удобнее пользоваться слабовидящим людям;

– упростили композицию экранов и убрали все, что мешает быстро ориентироваться;

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

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

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

При этом важные функции оставили на виду. Например, на главной странице есть быстрый доступ к «Карте заботы», что позволяет мгновенно открывать ее на кассе — карта позволяет получать фиксированную скидку. Ниже располагается поиск — он появляется на главном экране и закрепляется в топе при скроллинге каталога.

Если человек привык получать товары в конкретной аптеке, он может выбрать ее в шапке приложения, и она сохранится по умолчанию. В каталоге по выбранной точке сразу высветится наличие товаров, которые можно забрать в тот же или на следующий день. Там же можно отслеживать дату доставки. Если товар в аптеке, то его можно забрать через 30* (это стандарт качества, но время плавает как в меньшую так и большую сторону) минут, а если доставка со склада, то товар будет доступен на следующий день, кроме выходных и праздников. 

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

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

Также добавили подписи к характеристикам товаров: количество таблеток, миллилитров в упаковке и другую важную информацию. Выбор между характеристиками происходит без перезагрузки страницы.

Разработка на Flutter — это создание кроссплатформенного приложения сразу для Android и iOS с общим дизайном.

Плюсы:

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

Доступность. Кроссплатформенными приложениями могут пользоваться люди с разными устройствами — как с iOS, так и с Android. Это позволяет расширить круг потенциальных клиентов и пользователей.

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

Сроки и стоимость. Кроссплатформенная разработка дешевле, чем нативная, потому что требуется создать один вариант дизайна и кода. Это экономит время и позволяет быстрее вывести приложение на рынок.

В итоге клиент получил новое мобильное приложение вместо медленного и ограниченного коробочного решения.

Мы улучшили навигацию, упростили авторизацию, обновили визуальный стиль, устранили зависания и сделали покупку товаров понятнее и быстрее. Разработка заняла 8 месяцев, а новая версия приложения вышла в Google Play и App Store 7 октября.

Но главный результат здесь шире самого релиза. Клиент получил не просто новый интерфейс, а собственный цифровой продукт, который можно развивать без ограничений старой платформы. А после завершения проекта команда продолжила сотрудничество с нами и по другим задачам, что стало для нас важным подтверждением доверия к результату.