Роботы Figure за работой
Генератор видео от Alibaba
Приложение для простакринации
AR в медицине
Электро самолёт

Не только UI, но и UX. Как мы делали приложение для закупки впрок красивым и удобным

Раньше мы делили одно приложение «Мой Перекрёсток» вместе с офлайн-сетью «Перекрёсток», но в конце концов нам стало тесно вместе. В начале прошлого года наша команда начала разрабатывать новое приложение для онлайн-гипермаркета. Но внезапно разразившаяся пандемия заставила нас пересмотреть планы и ускориться, чтобы всем клиентам — и постоянным, и новым, которые только начинали осваивать онлайн-покупки, — было просто и удобно делать заказы. Мы разработали новое приложение за 4 месяца, его технический релиз состоялся в мае.

ВПРОК в цифрах:

- ежедневно мы доставляем более 10 000 заказов в 13 регионах;

- к февралю наше приложение скачали более 2 000 000 раз;

- около 55% скачиваний пришлось на версию для Android, остальные — для iOS;

- после запуска доля продаж из приложения выросла до более чем 60%;

- больше трети пользователей используют тёмную тему.

Ниже рассказываем, что мы учли при разработке приложения и чем оно отличается от приложения офлайн-сети.

Особенности приложения онлайн-гипермаркета

Когда в онлайн-гипермаркете представлено более 50 000 разнообразных товарных позиций, пользователю сложно сосредоточиться. Чтобы внимание не размывалось, а концентрировалось на товаре, мы выбрали чистый и лёгкий дизайн и взяли за основу приложения белый цвет.

Не только UI, но и UX. Как мы делали приложение для закупки впрок красивым и удобным

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

Семён Мацепура

,

Руководитель мобильной разработки

Не только UI, но и UX. Как мы делали приложение для закупки впрок красивым и удобным

Так как клиенты онлайн-гипермаркета привыкли закупаться «впрок» (в буквальном смысле), мы добавили возможность купить товары квантами (большими упаковками). Сейчас эта функция есть в самом каталоге для быстрого доступа — можно сразу выбрать упаковку товара (например, 4, 6 или 12 штук).

Не только UI, но и UX. Как мы делали приложение для закупки впрок красивым и удобным

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

Не только UI, но и UX. Как мы делали приложение для закупки впрок красивым и удобным

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

Не только UI, но и UX. Как мы делали приложение для закупки впрок красивым и удобным

Удобство покупателя

Раньше, когда клиент клал товар в корзину, крутились «лоадеры». Одной из задач было уменьшить их количество. Теперь товары добавляются бесшовно — это позволяет пользователю не ждать лишних пару секунд.

Мы отдельно проработали дизайны приложений: для iOs — согласно Human interface guidelines, для android — на основе Material Design. На прорисовку деталей под каждую платформу ушло больше времени, однако пользователям проще разбираться в приложении, когда они видят в нём отголоски дизайна системы самого телефона.

Не только UI, но и UX. Как мы делали приложение для закупки впрок красивым и удобным

Мы интегрировали lottie-анимации. Теперь просьба оценить приложение, пустая корзина или сообщение об успешной оплате выглядят более живыми.

Не только UI, но и UX. Как мы делали приложение для закупки впрок красивым и удобным

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

Не только UI, но и UX. Как мы делали приложение для закупки впрок красивым и удобным

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

Не только UI, но и UX. Как мы делали приложение для закупки впрок красивым и удобным

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

Семён Мацепура,

Руководитель мобильной разработки

22
1 комментарий

Комментарий недоступен

1
Citibank по ошибке отправил клиенту $81 трлн вместо $280 — но перевод остановили, так что деньги остались у банка

Инцидент произошёл в апреле 2024 года. Данные о нём появились только сейчас.

Источник фото: marketplace.org
1818
33
33
11
11
А так была бы еще одна история успеха из трех пунктов: 1. Вставать на рассвете 2. Питаться правильной пищей 3. Верить в себя 😎
реклама
разместить
Зарубежные компании пока не решили возвращаться в Россию, но начали «прощупывать почву» — FT

Уговорить их вернуться пытаются и в России, говорят источники.

1010
55
11
Пережили без брендов как-то...могут не возвращаться
Кейс: более 2 млн продаж с рекламы ВК в медицинской нише

Моё агентство уже работало с проектами в нише здоровья, но с обучением для врачей – впервые. Заказчик продвигался только через контекстную рекламу в Яндексе, а мы предложили попробовать трафик из ВК. Что из этого вышло — узнаете из кейса.

Кейс: более 2 млн продаж с рекламы ВК в медицинской нише
33
22
11
Я рисовала еду руками 15 лет, но потом пришла нейросеть и изменила всё

В 2014-ом я ушла "на фриланс". Нужно было выбрать специализацию — невозможно одинаково хорошо делать всё. Я проанализировала свой опыт и поняла, что лучше всего у меня получаются фуд-зоны для упаковок. Коллеги это отмечали, арт-директора хвалили композиции из фруктов. Сделала на это ставку.

Я рисовала еду руками 15 лет, но потом пришла нейросеть и изменила всё
7676
1111
22
11
11
Ага, вот кто делает картинки на упаковке, не оглядываясь на содержимое. Покупаешь - и чувствуешь себя идиотом в очередной раз, жуя пряник с прослойкой повидла вместо обещанной печеньки с тонной варенья. И это ещё совестливый относительно человек... В общем только буквы, только прозрачные упаковки, только хардкор.
СМИ сообщили об обысках у команды бота для «пробива» данных «Глаз Бога» — создатель говорит, что «команды нет», а его не обыскивали

Telegram-бот не работает, но из-за внутренних «техизменений».

Источник фото: BBC
88
22
Без льгот и санкций против России: в Совфеде предложили условия, на которых зарубежные автопроизводители смогут вернуться в страну

Основная цель — гарантировать, что производство в России не пострадает, даже если концерны снова решат уйти.

Источник фото: «Авто.ру»
4545
77
11
Какое смешное надувательство щёк и топание ножек в пынеходиках
Как ускорить выпуск новых фич: гибкая разработка спасёт ваш проект

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

Как ускорить выпуск новых фич: гибкая разработка спасёт ваш проект
2424
Глава OpenAI Сэм Альтман заявил, что у компании «закончились графические процессоры» на фоне запуска GPT-4.5

Поэтому подписчикам Plus доступ к модели дадут позже пользователей Pro.

Источник: <a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fwww.reddit.com%2Fr%2Fcillionairecom%2Fcomments%2F17papac%2Fgrok_vs_chatgpt%2F%3Futm_source%3Dshare%26amp%3Butm_medium%3Dweb3x%26amp%3Butm_name%3Dweb3xcss%26amp%3Butm_term%3D1%26amp%3Butm_content%3Dshare_button&postId=1838220" rel="nofollow noreferrer noopener" target="_blank">cillionairecom</a>
99
55
11
11
Стоит написать письмо в Минпромторг. Там им могут импортозамещенных Байкалов выделить
[]