Tailor Made Fragrance: A Unique Blend of Design and Technology

Webgriffe's Award-Winning E-Commerce Platform for Customized Perfumes

Inspired by big brands' product personalization tools, Webgriffe's design team applied user-centered design patterns and tested prototypes with real users during the design process. The challenge was to maintain a high level of originality, usability, and obviousness. The result is a platform that lets users see in real time how their perfume looks like and apply a wide range of personalizations.

The website's creation process began with a study of the existing property identity and design concept. Wireframes were created using Adobe Creative Cloud products to ensure a holistic integration of the user experience with the user interface. The Webgriffe's Developer Team developed the full e-commerce on Magento Commerce platform, following Agile methodologies and best practices.

The technology involved in the project is Magento, an open-source e-commerce platform owned by Adobe. The site has a fully responsive design to work well over multiple screen sizes: smartphones, tablets, and devices. Users can interact with the interface, choosing the scent, the bottle, and every single accessory like the cap, decorations, box, and personalize the graphic of the print. Step by step, the user sees their perfume come to life.

Methodical research was conducted in over 20 different countries to evaluate user needs, understand process pain points, determine opportunities, and validate conceptual designs. This research guided the design principles of establishing trust, facilitating understanding, maintaining transparency, and ease of use. Once the solution was developed, the research continued with A/B testing, analysing user behavior with heatmaps and analytics.

The project's most challenging aspect was the preview of the perfume during the customization process. The CGI team 3D rendered every single component to ensure the perfect match in the final configuration. Despite the challenges, Tailor Made Fragrance was awarded Silver in A' Website and Web Design Awards in 2019, a testament to its outstanding expertise and innovation.

The Tailor Made Fragrance project, which started in October 2016 in Reggio Emilia, Italy, and went live in November 2017, is now in its performing phase. It was born from the experience of an Italian company specialized in the development and production of primary packaging for fragrance, skin care, color cosmetic, and home fragrance sectors. Webgriffe's role was to support the customer's business strategy by designing a solution that favored brand awareness and the launch of the new business unit focused on letting users create their unique and fully customized perfume, the first step of a wide process of industrial growth and segmentation of the B2B offering.