Development of unusual commerce solution for a global perfume manufacturer
Client
Waft
Partnership
Jun 2017 - Aug 2018
Location
Singapoore
![](https://images.ctfassets.net/qjf0k9e12u60/5oheL94DWMxI1apZrqOWIW/56db99a915e853876816bc0d0c4c23a0/waft-cover.png)
Industry
E-commerce
Technology
Node.js, MongoDB, Amazon Web Services, Angular 1.x/2+
Services
Product Design, Web Development, QA & Testing, Team Extension
About project
The CTO of the “Waft” came to us with an idea of service which allows customers to create their customized fragrance of various ingredients. Our task was to develop the product from design to deployment using Node.js and Angular 2.
![](https://images.ctfassets.net/qjf0k9e12u60/1XbR1pmmhkJbtwZStcOZpC/0bcc3283502948572d1407fce45a97e2/waft-about-project.png)
User flow & layouts
Smooth app flow leads a user through the process of creating their own fragrance step by step with convenient navigation.
![](https://images.ctfassets.net/qjf0k9e12u60/2rixH3dDrVrodCDkNzkgHX/02d14c1cc1cc0463bf8d05013923cf03/waft-user-flow.png)
Logo
We also needed to develop the brand identity for the product. We decided to use hand-written lettering for the logo, to underline the unique and custom idea of the fragrance which the users can create via Waft App.
![](https://images.ctfassets.net/qjf0k9e12u60/6SFdQDGLn1XVqeRcoy9C4y/df5eb22767c7ed94d8947a299d9756d0/waft-logo.png)
Fragrance type
The design of each step was created to help a user make his choice through attractive images that express moods and create catchy visual metaphors.
![](https://images.ctfassets.net/qjf0k9e12u60/3FeEdOeI0CVxvvzhz0ThXJ/b8bd5daced0d1a446c5d19d8d39b07f8/waft-fragrance-type-1.png)
![](https://images.ctfassets.net/qjf0k9e12u60/7LJLhAx7y1Yc4LDh4thtNr/6142a4762dc0c25aa46ab0a695e238ef/waft-fagrance-type-2.png)
![](https://images.ctfassets.net/qjf0k9e12u60/3TBRgUhkDIkZ5KEFwl19aT/060e6be316146e3b56d089bda1cf468e/waft-fragrance-type-3.png)
Choose ingredients
Once these steps are finished it’s time to select preferable ingredients. Moving from one type to another the user can choose among florals, fruit, fragrance of nature even spices.
![](https://images.ctfassets.net/qjf0k9e12u60/6nru6vM4jlDUyFtsL91Zci/a5d0fb62d5c037198465e64fe76029eb/waft-choose-ingredients.png)
Design the bottle
The finishing touch of the fragrance wizard is an opportunity to design a custom bottle — the user can give his fragrance a name and add a small description.
![](https://images.ctfassets.net/qjf0k9e12u60/3D6Z1ycGo5Pz4w1Lgd2ZZ0/0da326a100609cf9fe6503dc5e92d460/waft-design-the-bottle.png)
Landing page
We’ve also created a landing page for the fragrance wizard, which reflects the benefits of the service and explains how it works.
![](https://images.ctfassets.net/qjf0k9e12u60/1o5fBVvi5emzdjpdaMO4Jp/8e8beb8b3acd7e3b2b38a44e4bc5c28b/waft-landing.png)
Result
This project was developed from design to deploy. During preparing the design, we have decided with the deployment platform and choosing the AWS, immediately was created the CI/CD platform to make the development process easier and deliver changes to the customer, as far as it’s done.