Дизайн и разработка eCommerce-приложения для мирового бренда парфюмерии и косметики
Посмотреть вживую
Fashion & Beauty
eCommerce
Maps
Mobile
iOS
Filters
UX/UI
Android
Uniteller
Search
SEPHORA
Payments
Notifications
StatIstic
Native
Admin panel
Firebase
AppsFlyer
AppMetrica
Дизайн и разработка eCommerce-приложения для мирового бренда парфюмерии и косметики
Посмотреть вживую
SEPHORA
Fashion & Beauty
eCommerce
Maps
Mobile
iOS
Filters
UX/UI
Android
Uniteller
Search
Payments
Notifications
StatIstic
Native
Admin panel
Firebase
AppsFlyer
AppMetrica
Дизайн и разработка eCommerce-приложения для мирового бренда парфюмерии и косметики
Посмотреть вживую
SEPHORA
Fashion & Beauty
eCommerce
Maps
Mobile
iOS
Filters
UX/UI
Android
Uniteller
Search
Payments
Notifications
StatIstic
Native
Admin panel
Firebase
AppsFlyer
AppMetrica
«Опыт работы в рекламном агентстве научил: чтобы исполнитель дал мне результат, на него нужно нажать. С Лайв Тайпинг такого не произошло. Между нами установилось стопроцентное доверие и взаимопонимание, и я очень доволен сложившимся тандемом».
Семён Крутицкий
Руководитель проекта
со стороны клиента
со стороны клиента
«Опыт работы в рекламном агентстве научил: чтобы исполнитель дал мне результат, на него нужно нажать. С Лайв Тайпинг такого не произошло. Между нами установилось стопроцентное доверие и взаимопонимание, и я очень доволен сложившимся тандемом».
Семён Крутицкий
Руководитель проекта
со стороны клиента
со стороны клиента
Задача:
Предыстория:
Сделать мобильные приложения для iOS и Android с нуля, улучшить административную панель для маркетинговых материалов, настроить интеграцию с базой данных ИЛЬ ДЕ БОТЭ и программой лояльности.
Наши отношения с клиентом начались в 2015 году с создания приложения для магазинов парфюмерии и косметики ИЛЬ ДЕ БОТЭ, входящих в сеть Sephora. В 2018 году Sephora объявила о том, что осенью выходит на российский рынок. Клиент оценил опыт прошлой работы с нами и доверил разработку мобильного приложения.
Sephora — это не просто мобильные приложения, а масштабный и нагруженный разными системами проект. Он требовал от Лайв Тайпинг и клиента ответственности и вдумчивого отношения. Значительная часть времени ушла на то, чтобы согласовать вопросы о работе с базой данных, программой лояльности и сервисами интеграции и понять, как эти системы будут связаны друг с другом. Логика работы менялась на ходу, что требовало от нас профессионализма и гибкости.
Главный экран — это актуальные акции, новинки и бренды в каталоге, возможность получить скидочную карту и обратиться за помощью.
Главный экран — это актуальные акции, новинки и бренды в каталоге, возможность получить скидочную карту и обратиться за помощью.
Никто не уйдёт из каталога без покупки. Строка поиска — для тех, кто знает, что ищет. «Бренды» и «Категории» — для любителей долгих прогулок вдоль витрин.
Никто не уйдёт из каталога без покупки. Строка поиска — для тех, кто знает, что ищет. «Бренды» и «Категории» — для любителей долгих прогулок вдоль витрин.
Помимо основного каталога для некоторых брендов были необходимы собственные магазины внутри приложения. Они отличаются фирменными элементами бренда и логикой навигации по категориям.
Помимо основного каталога для некоторых брендов были необходимы собственные магазины внутри приложения. Они отличаются фирменными элементами бренда и логикой навигации по категориям.
«У нас был чёткий дедлайн и необходимость согласования с Францией. Мы решили использовать часть архитектуры ИЛЬ ДЕ БОТЭ и дополнить её новыми возможностями. Рецепт „Успеть в срок“ был таким: французский стиль, тесное сотрудничество с разработчиками, аккуратное внедрение новой функциональности, и вуаля! Мы успеваем выпустить приложение в день открытия первого магазина в России».
Елена Гальцина
Design Lead
«У нас был чёткий дедлайн и необходимость согласования с Францией. Мы решили использовать часть архитектуры ИЛЬ ДЕ БОТЭ и дополнить её новыми возможностями. Рецепт „Успеть в срок“ был таким: французский стиль, тесное сотрудничество с разработчиками, аккуратное внедрение новой функциональности, и вуаля! Мы успеваем выпустить приложение в день открытия первого магазина в России».
Елена Гальцина
Design Lead
Цена, оттенки, ингредиенты, даже легенда, создающая настроение — в лаконичной и удобной карточке товара есть всё, что поможет решиться на покупку.
Цена, оттенки, ингредиенты, даже легенда, создающая настроение — в лаконичной и удобной карточке товара есть всё, что поможет решиться на покупку.
Мы разработали удобную сортировку и фильтрацию товаров. Если покупателю интересна только нишевая парфюмерия с цитрусовым ароматом и стоимостью от 4 до 9 тысяч рублей, он найдёт все предложения за 10 секунд.
Мы разработали удобную сортировку и фильтрацию товаров. Если покупателю интересна только нишевая парфюмерия с цитрусовым ароматом и стоимостью от 4 до 9 тысяч рублей, он найдёт все предложения за 10 секунд.
Магазины
С Google-картой покупатель знает, как далеко он находится от магазина и сколько времени займёт дорога.
С Google-картой покупатель знает, как далеко он находится от магазина и сколько времени займёт дорога.
Клиент попросил возможность вносить на страницу «Магазин» те бренды, которые есть только в офлайн-магазинах и которые нельзя найти в каталоге. Для этого в административной панели есть специальные поля.
Клиент попросил возможность вносить на страницу «Магазин» те бренды, которые есть только в офлайн-магазинах и которые нельзя найти в каталоге. Для этого в административной панели есть специальные поля.
Чекины, подарки за накопленные бонусы, история заказов, личные данные, помощь — страница с аккаунтом играет роль паспорта и органайзера.
Чекины, подарки за накопленные бонусы, история заказов, личные данные, помощь — страница с аккаунтом играет роль паспорта и органайзера.
«Проект для крупного игрока рынка — это уникальный случай, поэтому для работы нужна команда экспертов. Компании-разработчики часто ждут от клиента подробного ТЗ, дизайна и документации. Мы же готовы работать от зарождения идеи до корпоратива по случаю десятилетия существования проекта. C ИЛЬ ДЕ БОТЭ и Sephora мы уже несколько лет успешно движемся по этому плану, чему безмерно рады».
Александр Кузнецов
CEO Live Typing
«Проект для крупного игрока рынка — это уникальный случай, поэтому для работы нужна команда экспертов. Компании-разработчики часто ждут от клиента подробного ТЗ, дизайна и документации. Мы же готовы работать от зарождения идеи до корпоратива по случаю десятилетия существования проекта. C ИЛЬ ДЕ БОТЭ и Sephora мы уже несколько лет успешно движемся по этому плану, чему безмерно рады».
Александр Кузнецов
CEO Live Typing
Программа лояльности
С дисконтной картой пользователь получает скидку на товары. Пользователи ИЛЬ ДЕ БОТЭ могут привязать свою карту к приложению Sephora — скидки по ней сохранятся или увеличатся, даже если покупок в Sephora ещё не было.
С дисконтной картой пользователь получает скидку на товары. Пользователи ИЛЬ ДЕ БОТЭ могут привязать свою карту к приложению Sephora — скидки по ней сохранятся или увеличатся, даже если покупок в Sephora ещё не было.
Оформление заказа
Для клиента было важно, чтобы заказать через приложение было удобнее, чем через сайт. Поэтому мы проделали большую работу над UX. Имя и фамилия пользователя, адрес доставки, способ оплаты и данные банковской карты вводятся один раз и подставляются автоматически при каждом заказе. Мы разработали два способа оплаты: онлайн и наличными курьеру. Платежи проводятся через сервис Uniteller. В будущем появится возможность оплатить товары через Apple Pay и Google Pay.
Для клиента было важно, чтобы заказать через приложение было удобнее, чем через сайт. Поэтому мы проделали большую работу над UX. Имя и фамилия пользователя, адрес доставки, способ оплаты и данные банковской карты вводятся один раз и подставляются автоматически при каждом заказе. Мы разработали два способа оплаты: онлайн и наличными курьеру. Платежи проводятся через сервис Uniteller. В будущем появится возможность оплатить товары через Apple Pay и Google Pay.
«Sephora — структурно очень большой и сложный проект, внутри которого лежит взаимодействие разных систем. Была достигнута задача соединить все эти системы в одну большую инфраструктуру, чтобы пользователи могли получить качественный и интересный опыт использования мобильного приложения».
Илья Помазков
Руководитель проекта
«Sephora — структурно очень большой и сложный проект, внутри которого лежит взаимодействие разных систем. Была достигнута задача соединить все эти системы в одну большую инфраструктуру, чтобы пользователи могли получить качественный и интересный опыт использования мобильного приложения».
Илья Помазков
Руководитель проекта
Android-версия
Нам удалось перенести дизайн iOS на платформу Android без потерь и выполнить его по канонам Material Design. Владельцы Android-устройств останутся довольны.
Нам удалось перенести дизайн iOS на платформу Android без потерь и выполнить его по канонам Material Design. Владельцы Android-устройств останутся довольны.
Административная панель
Рекламные баннеры, баннеры внутри брендов, баннеры внутри категорий товаров и список магазинов загружаются администратором через админ-панель для маркетинга. Чтобы ей было удобно пользоваться, мы сделали её интерфейс похожим на экран мобильного приложения.
Рекламные баннеры, баннеры внутри брендов, баннеры внутри категорий товаров и список магазинов загружаются администратором через админ-панель для маркетинга. Чтобы ей было удобно пользоваться, мы сделали её интерфейс похожим на экран мобильного приложения.
Панелью уже пользовались администраторы ИЛЬ ДЕ БОТЭ, но её предыдущая версия была неудобной и требовала редизайна. Мы сделали панель принципиально иной: загружаемый в неё контент предназначен только для мобильного приложения Sephora.
Интерфейс похож на экран мобильного приложения, поэтому на результат своей работы админ «смотрит глазами пользователя» — это удобно для проверки на ошибки.
API панели разработан Лайв Тайпинг.
Интерфейс похож на экран мобильного приложения, поэтому на результат своей работы админ «смотрит глазами пользователя» — это удобно для проверки на ошибки.
API панели разработан Лайв Тайпинг.
Панелью уже пользовались администраторы ИЛЬ ДЕ БОТЭ, но её предыдущая версия была неудобной и требовала редизайна. Мы сделали панель принципиально иной: загружаемый в неё контент предназначен только для мобильного приложения Sephora.
Интерфейс похож на экран мобильного приложения, поэтому на результат своей работы админ «смотрит глазами пользователя» — это удобно для проверки на ошибки.
API панели разработан Лайв Тайпинг.
Интерфейс похож на экран мобильного приложения, поэтому на результат своей работы админ «смотрит глазами пользователя» — это удобно для проверки на ошибки.
API панели разработан Лайв Тайпинг.
Статистика
Статистику собирает сервис AppMetrica. Мы настроили воронки продаж и оформления заказа, в которых есть события о добавлении пользователем товара в корзину, перехода в корзину, нажатия кнопки «оформить заказ» и т. д. Клиенту доступны данные о количестве заказов, количестве зарегистрированных пользователей, их возрасте, чекинах, привязке карты, бонусах. Данные помогают оценивать успешность приложения, следить за эффективностью маркетинговых кампаний и менять их тактику, если поставленные цели не достигаются.
Статистику собирает сервис AppMetrica. Мы настроили воронки продаж и оформления заказа, в которых есть события о добавлении пользователем товара в корзину, перехода в корзину, нажатия кнопки «оформить заказ» и т. д.
Клиенту доступны данные о количестве заказов, количестве зарегистрированных пользователей, их возрасте, чекинах, привязке карты, бонусах. Данные помогают оценивать успешность приложения, следить за эффективностью маркетинговых кампаний и менять их тактику, если поставленные цели не достигаются.
Клиенту доступны данные о количестве заказов, количестве зарегистрированных пользователей, их возрасте, чекинах, привязке карты, бонусах. Данные помогают оценивать успешность приложения, следить за эффективностью маркетинговых кампаний и менять их тактику, если поставленные цели не достигаются.
Сервис глубоких ссылок
Глубокие ссылки (диплинки) нужны для того, чтобы отправлять пользователя из поисковика или пуш-уведомления прямо в приложение — на страницу с товаром, услугой или акцией. Владелец приложения получает много информации о том, какие каналы приносят больше трафика и продаж и как ведут себя покупатели в приложении.
Лайв Тайпинг уже работал над внедрением глубоких ссылок в приложение ИЛЬ ДЕ БОТЭ. Нажав на ссылку на сайте магазина, его пользователи попадают на экран приложения с товаром, акцией или коллекцией. Это сработало: число продаж и покупателей ИЛЬ ДЕ БОТЭ выросло. Поэтому мы в точности воспроизвели приём в приложении Sephora.
Система глубоких ссылок используется сервисами Firebase, AppsFlyer и AppMetrica.
Лайв Тайпинг уже работал над внедрением глубоких ссылок в приложение ИЛЬ ДЕ БОТЭ. Нажав на ссылку на сайте магазина, его пользователи попадают на экран приложения с товаром, акцией или коллекцией. Это сработало: число продаж и покупателей ИЛЬ ДЕ БОТЭ выросло. Поэтому мы в точности воспроизвели приём в приложении Sephora.
Система глубоких ссылок используется сервисами Firebase, AppsFlyer и AppMetrica.
Глубокие ссылки (диплинки) нужны для того, чтобы отправлять пользователя из поисковика или пуш-уведомления прямо в приложение — на страницу с товаром, услугой или акцией. Владелец приложения получает много информации о том, какие каналы приносят больше трафика и продаж и как ведут себя покупатели в приложении.
Лайв Тайпинг уже работал над внедрением глубоких ссылок в приложение ИЛЬ ДЕ БОТЭ. Нажав на ссылку на сайте магазина, его пользователи попадают на экран приложения с товаром, акцией или коллекцией. Это сработало: число продаж и покупателей ИЛЬ ДЕ БОТЭ выросло. Поэтому мы в точности воспроизвели приём в приложении Sephora.
Система глубоких ссылок используется сервисамив Firebase, AppsFlyer и AppMetrica.
Лайв Тайпинг уже работал над внедрением глубоких ссылок в приложение ИЛЬ ДЕ БОТЭ. Нажав на ссылку на сайте магазина, его пользователи попадают на экран приложения с товаром, акцией или коллекцией. Это сработало: число продаж и покупателей ИЛЬ ДЕ БОТЭ выросло. Поэтому мы в точности воспроизвели приём в приложении Sephora.
Система глубоких ссылок используется сервисамив Firebase, AppsFlyer и AppMetrica.
Инструмент аналитики Firebase
1
Трекает статистику по тем же событиям, что и AppMetrica
2
Рассылает пользователям
пуш-уведомления об акциях, распродажах и других компаниях
пуш-уведомления об акциях, распродажах и других компаниях
3
Сообщает о сбоях через связку с Crashlytics
Инструмент аналитики Firebase
1
Трекает статистику по тем же событиям, что и AppMetrica
2
Рассылает пользователям
пуш-уведомления об акциях, распродажах и других компаниях
пуш-уведомления об акциях, распродажах и других компаниях
3
Сообщает о сбоях через связку с Crhashlytics
Приложения под iOS и Android были сделаны и опубликованы в сторах одновременно с открытием первого магазина Sephora в России. Проект приносит пользу с первого дня: пользователи совершают покупки, привязывают дисконтные карты, чекинятся в магазине. Мы собираем обратную связь, замеряем конверсии и планируем внедрение новых функций. Если вам понравился наш рассказ о проекте, оцените приложение 5 звёздочками в сторах, нам будет очень приятно!
Приложения под iOS и Android были сделаны и опубликованы в сторах одновременно с открытием первого магазина Sephora в России. Проект приносит пользу с первого дня: пользователи совершают покупки, привязывают дисконтные карты, чекинятся в магазине. Мы собираем обратную связь, замеряем конверсии и планируем внедрение новых функций. Если вам понравился наш рассказ о проекте, оцените приложение 5 звёздочками в сторах, нам будет очень приятно!
Аккаунт-менеджер
Александр Кузнецов
Александр Кузнецов
Руководитель проекта
Илья Помазков
Илья Помазков
Back-end разработчики
Ольга Кривко
Виктор Михаль
Ольга Кривко
Виктор Михаль
Front-end разработчик
Алексей Федоренко
Алексей Федоренко
iOS-разработчики
Александр Савченко
Павел Разуваев
Александр Савченко
Павел Разуваев
Android-разработчики
Екатерина Якимова
Кирилл Старостин
Дмитрий Алексеенков
Андрей Дёмин
Екатерина Якимова
Кирилл Старостин
Дмитрий Алексеенков
Андрей Дёмин
Дизайнеры
Елена Гальцина
Роман Беляев
Эдуард Ровинский
Александра Купина
Елена Гальцина
Роман Беляев
Эдуард Ровинский
Александра Купина
Тестировщик
Александр Кувшинов
Александр Кувшинов
Хотите приложение? Заполните форму заявки и мы свяжемся с вами!
Хотите приложение? Заполните форму заявки и мы свяжемся с вами!