Designing and developing an eCommerce app
for a world-class perfume and cosmetics brand
Check it out in
Fashion & Beauty
eCommerce
Maps
Mobile
iOS
Filters
UX/UI
Android
Uniteller
Search
SEPHORA
Payments
Notifications
Statistic
Native
Admin panel
Firebase
AppsFlyer
AppMetrica
Designing and developing an eCommerce app for a world-class perfume
and cosmetics brand
Check it out in
SEPHORA
Fashion & Beauty
eCommerce
Maps
Mobile
iOS
Filters
UX/UI
Android
Uniteller
Search
Payments
Notifications
StatIstic
Native
Admin panel
Firebase
AppsFlyer
AppMetrica
Designing and developing an eCommerce app for a world-class perfume
and cosmetics brand
Check it out in
SEPHORA
Fashion & Beauty
eCommerce
Maps
Mobile
iOS
Filters
UX/UI
Android
Uniteller
Search
Payments
Notifications
StatIstic
Native
Admin panel
Firebase
AppsFlyer
AppMetrica
«From my experience of working in an advertising agency, usually you have to push the performer in order to get results. However, that wasn't the case with Live Typing. We established complete trust and understanding, and I was very satisfied with our tandem».
Semyon Krutitskiy
Customer's project manager
«From my experience of working in an advertising agency, usually you have to push the performer in order to get results. However, that wasn't the case with Live Typing. We established complete trust and understanding, and I was very satisfied with our tandem».
Semyon Krutitskiy
Customer's project manager
The task:
Past history:
Create both iOS and Android mobile apps from scratch; improve the admin panel for placing marketing content; set up integration with the ILE DE BEAUTE database and implement a loyalty program.
We started our relationship with the customer in 2015 by creating an app for the ILE DE BEAUTE perfume and cosmetics stores, which are part of the Sephora chain. In 2018 Sephora announced that they were going to enter the Russian market in autumn. The customer appreciated their former experience of working with us and entrusted us with the development of a mobile app.
The task:
Create both iOS and Android mobile apps from scratch; improve the admin panel for placing marketing content; set up integration with the ILE DE BEAUTE database and implement a loyalty program.
Create both iOS and Android mobile apps from scratch; improve the admin panel for placing marketing content; set up integration with the ILE DE BEAUTE database and implement a loyalty program.
Past history:
We started our relationship with the customer in 2015 by creating an app for the ILE DE BEAUTE perfume and cosmetics stores, which are part of the Sephora chain. In 2018 Sephora announced that they were going to enter the Russian market in autumn. The customer appreciated their former experience of working with us and entrusted us with the development of a mobile app.
We started our relationship with the customer in 2015 by creating an app for the ILE DE BEAUTE perfume and cosmetics stores, which are part of the Sephora chain. In 2018 Sephora announced that they were going to enter the Russian market in autumn. The customer appreciated their former experience of working with us and entrusted us with the development of a mobile app.
More
Sephora is not just a mobile app; it is a large-scale project that involves various systems. A project of such size called for a responsible and deliberate approach from both Live Typing and the customer. A great deal of time was spent on coordinating database-related issues, discussing the loyalty program and integration service, and understanding the way these systems were going to be connected. The workflow was changing on the fly, putting our professional skills and flexibility to the test.
More
Sephora is not just a mobile app; it is a large-scale project that involves various systems. A project of such size called for a responsible and deliberate approach from both Live Typing and the customer. A great deal of time was spent on coordinating database-related issues, discussing the loyalty program and integration service, and understanding the way these systems were going to be connected. The workflow was changing on the fly, putting our professional skills and flexibility to the test.
The main screen contains relevant events, new items and brands placed in the catalogue and can be used to issue a discount card or ask for customer support.
The main screen contains relevant events, new items and brands placed in the catalogue and can be used to issue a discount card or ask for customer support.
No one is going to leave the catalogue without making a purchase! We implemented a search bar for those who know what they’re looking for, while "Brands" and "Categories" were made with window shoppers in mind.
No one is going to leave the catalogue without making a purchase! We implemented a search bar for those who know what they're looking for, while "Brands" and "Categories" were made with window shoppers in mind.
Apart from the primary catalogue, some brands required their own proprietary stores within the app. These stores stand apart with their signature brand design elements and different category navigation behavior.
Apart from the primary catalogue, some brands required their own proprietary stores within the app. These stores stand apart with their signature brand design elements and different category navigation behavior.
«The deadline was strict and we had to get approval from France for everything. We decided to partially recycle the ILE DE BEAUTE architecture and expand upon it with new features. Our recipe for timely success was as follows: keep in close touch with the developers and implement new features sparingly while adhering to French style. Voila! We released the app on the day the first store was opened in Russia».
Elena Galtsina
Design Lead
«The deadline was strict and we had to get approval from France for everything. We decided to partially recycle the ILE DE BEAUTE architecture and expand upon it with new features. Our recipe for timely success was as follows: keep in close touch with the developers and implement new features sparingly while adhering to French style. Voila! We released the app on the day the first store was opened in Russia».
Elena Galtsina
Design Lead
Prices, shades, ingredients and even a mood-setting backstory — everything provided in the brief product description reinforces the customer’s decision to buy.
Prices, shades, ingredients and even a mood-setting backstory — everything provided in the brief product description reinforces the customer's decision to buy.
We also implemented an easy-to-use product sorting and filtering system. If the buyer is interested exclusively in citrus-scented perfumes in the 4−9k rub. price range, they’ll be able to find all the relevant offers in about ten seconds.
We also implemented an easy-to-use product sorting and filtering system. If the buyer is interested exclusively in citrus-scented perfumes in the 4−9k rub. price range, they'll be able to find all the relevant offers in about ten seconds.
Stores
With the help of Google Maps the customer always knows the distance to the store and how long their shopping trip is going to be.
With the help of Google Maps the customer always knows the distance to the store and how long their shopping trip is going to be.
More
The customer asked us to implement the ability to add brands that are only available in offline stores and can't be found in the catalogue on the "Store" page. They are added using special fields in the admin panel.
More
The customer asked us to implement the ability to add brands that are only available in offline stores and can't be found in the catalogue on the "Store" page. They are added using special fields in the admin panel.
The account page acts as a passport/organizer, handling check-ins, gifts for bonus points, order history, profiles and help.
The account page acts as a passport/organizer, handling check-ins, gifts for bonus points, order history, profiles and help.
«A project for a major market player is a unique challenge which requires a team of experts. Development companies often expect their customer to bring detailed terms of reference and premade design documents. However, we are prepared to go all the way from the idea's conception up to the project's tenth annual office party or further. This is how we have been working alongside ILE DE BEAUTE and Sephora for several years to our great satisfaction».
Aleksandr Kuznetsov
Live Typing's CEO
«A project for a major market player is a unique challenge which requires a team of experts. Development companies often expect their customer to bring detailed terms of reference and premade design documents. However, we are prepared to go all the way from the idea's conception up to the project's tenth annual office party or further. This is how we have been working alongside ILE DE BEAUTE and Sephora for several years to our great satisfaction».
Aleksandr Kuznetsov
Live Typing's CEO
Loyalty program
The user can get discounts for products with the help of their card. ILE DE BEAUTE users can link their card to the Sephora app while keeping or even increasing their discounts — even if they haven’t bought from Sephora yet.
The user can get discounts for products with the help of their card. ILE DE BEAUTE users can link their card to the Sephora app while keeping or even increasing their discounts — even if they haven't bought from Sephora yet.
Placing an order
The customer insisted that ordering through the app should be more convenient than through the website, so we worked extensively on the UX. The user's first and last name, shipping address, payment method and card data are entered once and are then automatically inserted for every order. We implemented two payment methods: online payment and cash on delivery. Payments are carried out via the Uniteller service. In the future it will be possible to pay for products using Apple Pay and Google Pay.
The customer insisted that ordering through the app should be more convenient than through the website, so we worked extensively on the UX. The user's first and last name, shipping address, payment method and card data are entered once and are then automatically inserted for every order. We implemented two payment methods: online payment and cash on delivery. Payments are carried out via the Uniteller service. In the future it will be possible to pay for products using Apple Pay and Google Pay.
«Sephora is a large-scale, structurally complex project that incorporates different interplaying systems. Our goal was to merge these systems into a single vast infrastructure that would provide the users with an exciting, high-quality mobile app experience».
Ilya Pomazkov
Project manager
«Sephora is a large-scale, structurally complex project that incorporates different interplaying systems. Our goal was to merge these systems into a single vast infrastructure that would provide the users with an exciting, high-quality mobile app experience».
Ilya Pomazkov
Project manager
Android version
We successfully transferred the iOS design to the Android platform without any losses while keeping it fully in accordance with Material Design to make Android users happy.
We successfully transferred the iOS design to the Android platform without any losses while keeping it fully in accordance with Material Design to make Android users happy.
Admin panel
Advertisement banners, in-brand and in-category banners, as well as the store list, are uploaded by the admin via the marketing admin panel. To simplify its use, we made its interface similar to the mobile app’s screen.
Advertisement banners, in-brand and in-category banners, as well as the store list, are uploaded by the admin via the marketing admin panel. To simplify its use, we made its interface similar to the mobile app's screen.
More
ILE DE BEAUTE admins had already been using the panel, but its previous version was inconvenient and required reworking. We redesigned the panel to be fundamentally different so that the uploaded content would now be intended only for the Sephora mobile app. The interface looks similar to the mobile app’s screen so that admins can see the result of their work through users' eyes; this helps prevent mistakes.
The panel’s API was developed by Live Typing.
The panel’s API was developed by Live Typing.
More
ILE DE BEAUTE admins had already been using the panel, but its previous version was inconvenient and required reworking. We redesigned the panel to be fundamentally different so that the uploaded content would now be intended only for the Sephora mobile app. The interface looks similar to the mobile app's screen so that admins can see the result of their work through users' eyes; this helps prevent mistakes.
The panel's API was developed by Live Typing.
The panel's API was developed by Live Typing.
Stats
Stats are collected by the AppMetrica service. We configured sales and ordering funnels to include info on adding to cart, moving to cart, pressing the "place order" button and so on.
The customer is provided with data on the amount of orders, registered users, user ages, check-ins, card linking and bonus points. This data helps to assess whether the app is successful and assists in tracking the efficiency of marketing campaigns; this info can be used to change the marketing strategy if the goals are not achieved.
The customer is provided with data on the amount of orders, registered users, user ages, check-ins, card linking and bonus points. This data helps to assess whether the app is successful and assists in tracking the efficiency of marketing campaigns; this info can be used to change the marketing strategy if the goals are not achieved.
Stats are collected by the AppMetrica service. We configured sales and ordering funnels to include info on adding to cart, moving to cart, pressing the "place order" button and so on.
The customer is provided with data on the amount of orders, registered users, user ages, check-ins, card linking and bonus points. This data helps to assess whether the app is successful and assists in tracking the efficiency of marketing campaigns; this info can be used to change the marketing strategy if the goals are not achieved.
The customer is provided with data on the amount of orders, registered users, user ages, check-ins, card linking and bonus points. This data helps to assess whether the app is successful and assists in tracking the efficiency of marketing campaigns; this info can be used to change the marketing strategy if the goals are not achieved.
Deep link service
Deep links can be employed to send the user directly from a search engine or a push-notification straight into the app, landing them right on the product, service or event page. With deep linking the owner learns which channels bring more traffic and can track general user in-app behavior. Live Typing had previously worked on implementing deep links in the ILE DE BEAUTE app. By clicking the link on the store’s website, the users navigate to a product, collection or event screen in the app. Deep links have proven to be successful in increasing the amount of sales and attracting more customers for ILE DE BEAUTE. Naturally, we recreated the technique to a tee in the Sephora app.
The deep linking system is used by the following services: Firebase, AppsFlyer and AppMetrica.
The deep linking system is used by the following services: Firebase, AppsFlyer and AppMetrica.
Deep links can be employed to send the user directly from a search engine or a push-notification straight into the app, landing them right on the product, service or event page. With deep linking the owner learns which channels bring more traffic and can track general user in-app behavior. Live Typing had previously worked on implementing deep links in the ILE DE BEAUTE app. By clicking the link on the store’s website, the users navigate to a product, collection or event screen in the app. Deep links have proven to be successful in increasing the amount of sales and attracting more customers for ILE DE BEAUTE. Naturally, we recreated the technique to a tee in the Sephora app.
The deep linking system is used by the following services: Firebase, AppsFlyer and AppMetrica.
The deep linking system is used by the following services: Firebase, AppsFlyer and AppMetrica.
The Firebase analytics tool
1
Tracks stats for the same events as AppMetrica
2
Sends users push-notifications about events, sales and other campaigns
3
Informs about crashes with the help of Crashlytics
The Firebase analytics tool
1
Tracks stats for the same events as AppMetrica
2
Sends users push-notifications about events, sales and other campaigns
3
Informs about crashes with the help of Crashlytics
Apps for iOS and Android were created and published in the stores simultaneously with the opening of the first Sephora store in Russia. The project has been pulling its weight since day one: users are making purchases, linking their discount cards and checking in at the store. We collect feedback, track conversions and plan on implementing new features. If you enjoyed our story about the project, please rate our app five stars in the stores!
Apps for iOS and Android were created and published in the stores simultaneously with the opening of the first Sephora store in Russia. The project has been pulling its weight since day one: users are making purchases, linking their discount cards and checking in at the store. We collect feedback, track conversions and plan on implementing new features. If you enjoyed our story about the project, please rate our app five stars in the stores!
Account manager
Alexander Kuznetsov
Alexander Kuznetsov
Project manager
Ilya Pomazkov
Ilya Pomazkov
Back-end developers
Olga Krivko
Viktor Mikhal
Olga Krivko
Viktor Mikhal
Front-end developer
Alexey Fedorenko
Alexey Fedorenko
iOS developers
Alexander Savchenko
Pavel Razuvaev
Alexander Savchenko
Pavel Razuvaev
Android developers
Ekaterina Yakimova
Kirill Starostin
Dmitry Alexeenkov
Andrey Demin
Ekaterina Yakimova
Kirill Starostin
Dmitry Alexeenkov
Andrey Demin
Designers
Elena Galtsina
Roman Belyaev
Eduard Rovinsky
Alexandra Kupina
Elena Galtsina
Roman Belyaev
Eduard Rovinsky
Alexandra Kupina
Quality Assurance
Alexander Kuvshinov
Alexander Kuvshinov