{"id":1463080,"date":"2025-07-28T18:02:28","date_gmt":"2025-07-28T17:02:28","guid":{"rendered":"https:\/\/webpixelia.com\/portfolio\/obarfum-perfume-bar\/"},"modified":"2025-07-30T22:44:39","modified_gmt":"2025-07-30T21:44:39","slug":"obarfum-perfume-bar","status":"publish","type":"project","link":"https:\/\/webpixelia.com\/en\/portfolio\/obarfum-perfume-bar\/","title":{"rendered":"\u00d4bar&#8217;fum &#8211; Perfume Bar"},"content":{"rendered":"","protected":false},"excerpt":{"rendered":"<p>Discover \u014cbar&#8217;fum, the first perfume bar in Morocco offering luxury generic perfumes made in Grasse. Premium niche perfumes at affordable prices, personalized advice from our expert perfumers. Delivery throughout Morocco.<\/p>\n","protected":false},"featured_media":1463065,"template":"","meta":{"_seopress_titles_title":"\u00d4bar'fum: Custom WooCommerce web project","_seopress_titles_desc":"WooCommerce redesign for \u00d4bar'fum: creation of perfume UX modules, personalized packs, advanced migration and complete technical optimization.","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"both","_seopress_redirections_param":"","_seopress_redirections_type":301,"_seopress_analysis_target_kw":"","_uag_custom_page_level_css":"","image_header":1463062,"url_video":"","url_site":"https:\/\/obarfum.com","cms":"WordPress","cahier_des_charges":"The client wanted to completely overhaul its existing e-commerce platform to create a modern and immersive shopping experience, revolutionizing the digital approach to its \"perfume bar\" concept in Morocco. The project required a complete technical migration while preserving customer history and critical business data.\n<h3>Redesign Challenges<\/h3>\n<ul>\n \t<li>Modernize an existing platform that has become obsolete<\/li>\n \t<li>Preserve the integrity of customer data and historical orders<\/li>\n \t<li>Significantly improve the user experience and conversions<\/li>\n \t<li>Optimize technical performance and security<\/li>\n \t<li>Implement new specialized business features<\/li>\n<\/ul>\n<h3>Data Migration and Preservation<\/h3>\n<strong>Customer Data:<\/strong>\n<ul>\n \t<li>Complete migration of the existing customer base<\/li>\n \t<li>Preservation of user profiles and preferences<\/li>\n \t<li>Preservation of login and authentication data<\/li>\n<\/ul>\n<strong>Sales History:<\/strong>\n<ul>\n \t<li>Complete migration of past orders<\/li>\n \t<li>Preservation of customer purchase history<\/li>\n \t<li>Maintenance of billing and delivery data<\/li>\n \t<li>Preservation of order status and tracking<\/li>\n<\/ul>\n<h3>Vision and Positioning (New Architecture)<\/h3>\n<ul>\n \t<li>Create a unique shopping experience<\/li>\n \t<li>Make exceptional fragrances accessible to all<\/li>\n \t<li>Develop a strong brand identity based on olfactory expertise<\/li>\n \t<li>Highlight French origins and Grasse quality<\/li>\n \t<li>Optimize technical architecture for performance and scalability<\/li>\n<\/ul>\n<h3>Structure and Design<\/h3>\n<ul>\n \t<li>Sleek and modern design reflecting the world of affordable luxury<\/li>\n \t<li>Intuitive interface emphasizing the sensory experience<\/li>\n \t<li>Smooth navigation between different product ranges<\/li>\n \t<li>Product enhancement with high-quality visuals<\/li>\n<\/ul>\n<h3>Specialized E-commerce Features<\/h3>\n<strong>Advanced Selection System:<\/strong>\n<ul>\n \t<li>Personalized fragrance selector with intuitive interface<\/li>\n \t<li>Management of multi-format packs (30ml, 50ml, 100ml)<\/li>\n \t<li>Simplified display of product variations<\/li>\n \t<li>Featured products with quick selection<\/li>\n<\/ul>\n<strong>Optimized Customer Experience:<\/strong>\n<ul>\n \t<li>Wishlist management to build your collection<\/li>\n \t<li>Smooth and secure ordering process<\/li>\n<\/ul>\n<h3>Marketing and Conversion Strategy<\/h3>\n<ul>\n \t<li>Mechanisms for highlighting flagship products<\/li>\n \t<li>Cross-recommendation system<\/li>\n \t<li>Customer review management to build trust<\/li>\n \t<li>SEO optimization for the perfume industry in Morocco<\/li>\n<\/ul>\n<h3>Migration and Transition Strategy<\/h3>\n<ul>\n \t<li>Gradual migration to minimize service interruption<\/li>\n \t<li>Migrated data integrity testing<\/li>\n \t<li>Secure failover plan with full backup<\/li>\n \t<li>Post-migration monitoring for continuous optimization<\/li>\n<\/ul>","apercu_developpemants":"<h3>Technologies and Environmen<\/h3>\nDevelopment on WordPress with advanced WooCommerce architecture, integrating customized solutions to meet the specific needs of the perfume industry.\n<h3>Integrated Extensions and Optimizations<\/h3>\n<strong>E-commerce:<\/strong>\n<ul>\n \t<li>WooCommerce for perfume sales<\/li>\n \t<li>Product variation management<\/li>\n \t<li>Abandoned cart system with automatic reminders<\/li>\n \t<li>Automatic generation of invoices and labels<\/li>\n<\/ul>\n<strong>User Experience:<\/strong>\n<ul>\n \t<li>Optimized AJAX search<\/li>\n \t<li>Customized login\/registration system<\/li>\n \t<li>Integrated customer review management interface<\/li>\n \t<li>Dynamic display of Google reviews<\/li>\n \t<li>Wishlist management to encourage future purchases<\/li>\n<\/ul>\n<strong>Performance and Security:<\/strong>\n<ul>\n \t<li>Performance optimization<\/li>\n \t<li>Advanced security<\/li>\n \t<li>SEO Optimization<\/li>\n \t<li>Professional management of transactional emails<\/li>\n<\/ul>\n<h3>Migration<\/h3>\n<h4><strong>Customer Base Migration:<\/strong><\/h4>\n<ul>\n \t<li>Transfer of 100% of existing customer accounts<\/li>\n \t<li>Preserve passwords and login information<\/li>\n \t<li>Migration of billing and delivery addresses<\/li>\n \t<li>Preserve scent preference history<\/li>\n<\/ul>\n<h4><strong>Order History Migration:<\/strong><\/h4>\n<ul>\n \t<li>Complete transfer of past orders (X orders over Y years)<\/li>\n \t<li>Preservation of product details and order quantities<\/li>\n \t<li>Maintenance of order statuses and key dates<\/li>\n \t<li>Preservation of payment and delivery data<\/li>\n \t<li>Generation of post-migration verification reports<\/li>\n<\/ul>\n<h3>Developed Features<\/h3>\n<h4>Featured Product Display \u2013 Smart Highlighting (New Feature)<\/h4>\nI designed and developed a WordPress\/WooCommerce plugin that dynamically displays a featured product, with simplified user interaction optimized for conversion. This feature offers:\n<ul>\n \t<li><strong>Automatic selection of the last \"featured\" product <\/strong>in WooCommerce<\/li>\n \t<li><strong>Simplified display of variations<\/strong> via an intuitive interface adapted to variable products<\/li>\n \t<li><strong>Add to cart via AJAX<\/strong>, with fine-grained error handling and dynamic quantity updates<\/li>\n \t<li><strong>Optimized loading of assets<\/strong> (CSS\/JS) only when necessary<\/li>\n \t<li><strong>Seamless integration into the site design <\/strong>thanks to a customizable shortcode and a superimposed template system<\/li>\n \t<li><strong>Optimized UX performance<\/strong> with intelligent cart management and WooCommerce fragment refresh<\/li>\n<\/ul>\n<h4>Obarfum Pack Selector \u2013 Multi-Format Management (Complete Redesign)<\/h4>\nI designed a custom solution for perfume pack selection, replacing a previous, inflexible system. This advanced module allows for seamless customization of complex products while ensuring full compatibility with WooCommerce:\n<ul>\n \t<li><strong>Dynamic and intuitive selector <\/strong>of 3 fragrances for 30ml, 50ml, or 100ml formats, depending on the product tag.<\/li>\n \t<li><strong>Automatic adaptation to the detected format,<\/strong> with filtering of corresponding variations.<\/li>\n \t<li><strong>Calculation and display of the prices of the selected fragrances<\/strong>, taken into account in the shopping cart.<\/li>\n \t<li><strong>Complete registration in the shopping cart, the order, and confirmation emails.<\/strong><\/li>\n \t<li><strong>Real-time validation on the customer side<\/strong>, with intelligent blocking of the \"Add to Cart\" button in the event of a duplicate or incomplete selection.<\/li>\n \t<li><strong>Responsive design optimized for mobile<\/strong>, with integrated custom styles.<\/li>\n \t<li><strong>Compatibility with the WooCommerce administration,<\/strong> allowing the pack composition to be displayed in the back office.<\/li>\n \t<li><strong>Progressive migration of old packs<\/strong> via automatic capacity detection and product categorization.<\/li>\n<\/ul>\n<h4>Obarfum Perfume Selector \u2013 Personalized Selection (Post-Migration Innovation)<\/h4>\nI developed an advanced module for WooCommerce that allows customers to select a unique fragrance in a guided and personalized way. This solution integrates perfectly with a seamless user experience and centralized management.\n<ul>\n \t<li><strong>Intuitive selection interface<\/strong>, filtered by scent category (configurable IDs)<\/li>\n \t<li><strong>Dynamic display of the selected fragrance<\/strong> throughout the ordering process (cart, checkout, emails)<\/li>\n \t<li><strong>Compatibility with simple and variable products<\/strong><\/li>\n \t<li><strong>Integration with inventory management <\/strong>via standard WooCommerce products<\/li>\n \t<li><strong>Client-side validation: <\/strong>prevents addition to the cart if no fragrance is selected<\/li>\n \t<li><strong>Smart deactivation of the \"Add to Cart\" button<\/strong> until the selection is complete<\/li>\n \t<li><strong>Personalization of transactional emails <\/strong>with the inclusion of the name of the selected fragrance<\/li>\n \t<li><strong>Migrated customer preference history,<\/strong> ensuring a seamless user experience<\/li>\n \t<li><strong>Responsive UX<\/strong>: clear interface optimized for mobile<\/li>\n \t<li><strong>Automatic shortcode<\/strong> injected according to the product category<\/li>\n \t<li>Generate a list of available fragrances based on specific categories<\/li>\n \t<li>Add product metadata to WooCommerce orders<\/li>\n \t<li>Conditional JavaScript scripts and embedded CSS styles to ensure the module's autonomy<\/li>\n<\/ul>","details_techniques":"<h3>Results<\/h3>\nA comprehensive e-commerce platform that revolutionizes the online perfume shopping experience in Morocco:\n\n<strong>Industry Innovation:<\/strong>\n<ul>\n \t<li>First \"perfume bar\" concept in Morocco<\/li>\n \t<li>Immersive and personalized shopping experience<\/li>\n \t<li>Showcase of French perfumery expertise<\/li>\n<\/ul>\n<strong>Technical Performance:<\/strong>\n\n<strong>Report:<\/strong> <a href=\"https:\/\/pagespeed.web.dev\/analysis\/https-obarfum-com\/q0w35ujqpd?form_factor=mobile\" target=\"_blank\" rel=\"noopener\">click here<\/a>\n<ul>\n \t<li>Scalable solution<\/li>\n \t<li>Optimized inventory management system<\/li>\n \t<li>Intuitive user interface maximizing conversions<\/li>\n<\/ul>\n<strong>Impact of the Redesign:<\/strong>\n<ul>\n \t<li>Complete modernization of the user experience<\/li>\n \t<li>Retention of 100% of customer data and order history<\/li>\n \t<li>Significant performance improvement (loading time divided by 3)<\/li>\n<\/ul>\nA successful technical redesign that combines innovation, performance, and preservation of existing features, creating a new benchmark in perfumery e-commerce in Morocco while capitalizing on the history and established customer loyalty.","screens":"[{\"screen_titre\":\"Homepage Laptop\",\"screen_image_id\":1463066},{\"screen_titre\":\"Homepage Tab\",\"screen_image_id\":1463070},{\"screen_titre\":\"Homepage Phone\",\"screen_image_id\":1463068},{\"screen_titre\":\"Custom Pack Page\",\"screen_image_id\":1463074},{\"screen_titre\":\"Our concept Page\",\"screen_image_id\":1463072},{\"screen_titre\":\"Checkout Page\",\"screen_image_id\":1463076}]","technique":"[]","technologies":"[\"CSS\",\"JS\",\"jQuery\",\"PHP\",\"MySQL\",\"WordPress REST API\",\"WooCommerce\"]","resultats_images":"[1463082,1463084]"},"project_category":[108],"project_tag":[151,152,119,118],"class_list":["post-1463080","project","type-project","status-publish","has-post-thumbnail","project_category-redesign","project_tag-fse-en","project_tag-gutenberg-en","project_tag-woocommerce-en","project_tag-wordpress-en"],"uagb_featured_image_src":{"full":["https:\/\/webpixelia.com\/wp-content\/uploads\/2025\/07\/obarfum-tablet-mockup.webp",960,640,false],"thumbnail":["https:\/\/webpixelia.com\/wp-content\/uploads\/2025\/07\/obarfum-tablet-mockup-150x150.webp",150,150,true],"medium":["https:\/\/webpixelia.com\/wp-content\/uploads\/2025\/07\/obarfum-tablet-mockup-300x200.webp",300,200,true],"medium_large":["https:\/\/webpixelia.com\/wp-content\/uploads\/2025\/07\/obarfum-tablet-mockup-768x512.webp",768,512,true],"large":["https:\/\/webpixelia.com\/wp-content\/uploads\/2025\/07\/obarfum-tablet-mockup.webp",960,640,false],"1536x1536":["https:\/\/webpixelia.com\/wp-content\/uploads\/2025\/07\/obarfum-tablet-mockup.webp",960,640,false],"2048x2048":["https:\/\/webpixelia.com\/wp-content\/uploads\/2025\/07\/obarfum-tablet-mockup.webp",960,640,false]},"uagb_author_info":{"display_name":"Jonathan Webpixelia","author_link":"https:\/\/webpixelia.com\/en\/"},"uagb_comment_info":0,"uagb_excerpt":"Discover \u014cbar'fum, the first perfume bar in Morocco offering luxury generic perfumes made in Grasse. Premium niche perfumes at affordable prices, personalized advice from our expert perfumers. Delivery throughout Morocco.","_links":{"self":[{"href":"https:\/\/webpixelia.com\/en\/wp-json\/wp\/v2\/project\/1463080","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webpixelia.com\/en\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/webpixelia.com\/en\/wp-json\/wp\/v2\/types\/project"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webpixelia.com\/en\/wp-json\/wp\/v2\/media\/1463065"}],"wp:attachment":[{"href":"https:\/\/webpixelia.com\/en\/wp-json\/wp\/v2\/media?parent=1463080"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/webpixelia.com\/en\/wp-json\/wp\/v2\/project_category?post=1463080"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/webpixelia.com\/en\/wp-json\/wp\/v2\/project_tag?post=1463080"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}