White&Smile — мобильный интернет-магазин товаров для ухода за полостью рта для iOS и Android

White&Smile изучил целевую аудиторию и спрос на продукцию бренда в России и выбрал мобильные приложения основным каналом продаж вместо десктопного интернет-магазина. Перед WINFOX стояла задача разработать удобные мобильные приложения White&Smile для iOS и Android, через которые пользователи смогут выбирать товары для ухода за полостью рта, оформлять заказы и пользоваться программой лояльности. Приложение должно было стать полноценным мобильным интернет-магазином и основным цифровым каналом продаж White&Smile.

Разработку начали с анализа мобильных приложений крупных интернет-ретейлеров. Команда WINFOX изучила существующие e-commerce-сценарии и адаптировала подходящие решения под задачи интернет-магазина White&Smile.

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

Расчет бонусов реализовали одновременно в мобильном приложении и на бэкенде. Это позволило дополнительно контролировать сумму заказа и корректность начисления бонусов. Пользователь при этом видит, какую скидку получает и за что она начислена.

Для iOS и Android разработали отдельные интерфейсные решения с учетом особенностей каждой платформы. При проектировании использовали рекомендации Apple Human Interface Guidelines и Google Material Design, чтобы взаимодействие с приложением соответствовало привычным сценариям пользователей iOS и Android.

Основные экраны

Каталог товаров

Каталог White&Smile объединяет товары по трем основным направлениям: отбеливание зубов, гигиена полости рта и уход за губами.

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

Карточка товара

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

Для визуальной презентации продукции используется крупный баннер и слайдер изображений товара.

Корзина

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

Товар можно быстро удалить из корзины свайпом влево.

Профиль пользователя

В личном кабинете White&Smile пользователь может посмотреть накопленные бонусы, историю заказов и избранные товары.

Здесь же можно изменить персональные данные и обратиться в службу поддержки.

Что умеет приложение

Быстрая регистрация

Регистрация и авторизация в мобильном приложении White&Smile выполняются по номеру телефона.

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

Напоминания о покупке

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

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

Выбор способа доставки

При оформлении заказа пользователь может выбрать получение через Почту России или пункт выдачи СДЭК.

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

Корпоративный блог

В приложение White&Smile встроили корпоративный блог с материалами о выборе и использовании продукции бренда.

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

Система лояльности

Систему лояльности интернет-магазина интегрировали в мобильное приложение White&Smile.

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

Избранное

В разделе «Избранное» пользователь может сохранять товары и адреса доставки.

При повторном заказе сохраненный адрес можно выбрать сразу, не вводя данные заново.

WINFOX разработал для White&Smile мобильный интернет-магазин для iOS и Android, через который продукцию бренда можно покупать в России.

В приложении пользователь может выбрать товары, оформить и оплатить заказ, использовать и накапливать бонусы, читать материалы White&Smile, получать информацию о новинках и акциях, а также выбирать способ доставки.

Таким образом, в одном мобильном продукте были объединены ключевые e-commerce-сценарии White&Smile: каталог товаров, карточка товара, корзина, оплата, программа лояльности, повторные покупки, доставка, личный кабинет и контент бренда.

Для привлечения целевой аудитории заказчик планировал использовать контекстную рекламу и увеличивать количество установок приложения в сторах.

Стек технологий

Java, Swift, Laravel, Docker, Figma, Яндекс Метрика, Google Analytics.