{"id":1463148,"date":"2026-01-21T16:05:45","date_gmt":"2026-01-21T15:05:45","guid":{"rendered":"https:\/\/webpixelia.com\/portfolio\/eco-fenetre-wordpress-website-redesign\/"},"modified":"2026-02-09T19:39:59","modified_gmt":"2026-02-09T18:39:59","slug":"eco-fenetre-wordpress-website-redesign","status":"publish","type":"project","link":"https:\/\/webpixelia.com\/en\/portfolio\/eco-fenetre-wordpress-website-redesign\/","title":{"rendered":"Eco Fen\u00eatre \u2014 WordPress Website Redesign"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Discover the redesigned <strong>Eco Fen\u00eatre<\/strong> website, a premium digital showcase designed to highlight national expertise in PVC and aluminum joinery. A modern and reassuring visual experience, combined with an immersive presentation of completed projects, customer testimonials, and on-the-ground expertise, to strengthen the brand&#8217;s credibility and facilitate connections with individuals, architects, and developers across Morocco.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Complete redesign of the Eco Fen\u00eatre website with a modern and high-end visual identity, showcasing the brand&#8217;s achievements, expertise, and national credibility, while facilitating contact and quote requests throughout Morocco.<\/p>\n","protected":false},"featured_media":1463147,"template":"","meta":{"_seopress_titles_title":"Eco Fen\u00eatre Redesign \u2013 Premium WordPress Site %%sep%% %%sitetitle%%","_seopress_titles_desc":"Complete redesign of the Eco Fen\u00eatre website: premium design and optimized user experience, custom-developed by Jonathan Webpixelia, WordPress freelancer.","_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":0,"url_video":"","url_site":"https:\/\/eco-fenetre.com\/","cms":"WordPress","cahier_des_charges":"<h3>Context &amp; Overall Objective<\/h3>\nThe client wanted a <strong>complete redesign of their website<\/strong> to reposition <strong>Eco Fen\u00eatre<\/strong> as a n<strong>ational leader<\/strong> in PVC and aluminum joinery in Morocco.\nThe main objective was to design <strong>a compelling, clear, and premium homepage<\/strong> that would immediately convey the <strong>reliability<\/strong>, <strong>modernity<\/strong>, and <strong>German engineering<\/strong> of the solutions offered.\n\nThe website needed to reassure <strong>individuals<\/strong>, <strong>architects<\/strong>, and <strong>real estate developers<\/strong> alike, while also <strong>encouraging contact and quote requests.<\/strong>\n\nThe secondary pages (products, projects, contact) needed to maintain the same graphic design and ensure seamless navigation.\n<h3>Key Objectives<\/h3>\n<ul>\n \t<li>Strengthen the premium brand image and national credibility<\/li>\n \t<li>Highlight Eco Fen\u00eatre's expertise and experience<\/li>\n \t<li>Promote the quality of materials and the German partnership<\/li>\n \t<li>Facilitate access to key information and achievements<\/li>\n \t<li>Optimize conversion through clear calls to action<\/li>\n<\/ul>\n<h3>Expected Functional Structure<\/h3>\n<h4>Homepage<\/h4>\nThe homepage was to play a central role in the conversion and brand image strategy.\n<ol>\n \t<li><strong>Immersive Hero Section<\/strong><\/li>\n<\/ol>\n<ul>\n \t<li>Full-screen visuals (photo or video) of high-end projects<\/li>\n \t<li>Strong message affirming national leadership and German performance<\/li>\n \t<li>Highlighting of guarantees, experience, and materials used<\/li>\n \t<li>Direct calls to action to quotes and completed projects<\/li>\n<\/ul>\n<ol>\n \t<li><strong>\"Why Choose Us\" Section<\/strong><\/li>\n<\/ol>\n<ul>\n \t<li>Key arguments presented concisely and visually<\/li>\n \t<li>Emphasis on reliability, experience, installation quality, and nationwide coverage<\/li>\n<\/ul>\n<ol>\n \t<li><strong>Presentation of joinery solutions<\/strong><\/li>\n<\/ol>\n<ul>\n \t<li>Highlighting of the different ranges (windows, doors, patio doors, shutters)<\/li>\n \t<li>Clear navigation to the corresponding product pages<\/li>\n<\/ul>\n<ol>\n \t<li><strong>Expertise and commitment to quality<\/strong><\/li>\n<\/ol>\n<ul>\n \t<li>Structured editorial text explaining the company's expertise, methods, and vision<\/li>\n \t<li>Highlighting of key figures and field experience<\/li>\n<\/ul>\n<ol>\n \t<li><strong>Projects<\/strong><\/li>\n<\/ol>\n<ul>\n \t<li>Visual gallery of completed projects<\/li>\n \t<li>Objective of reassurance and proof of quality<\/li>\n<\/ul>\n<ol>\n \t<li><strong>Product education<\/strong><\/li>\n<\/ol>\n<ul>\n \t<li>Section dedicated to the advantages of PVC<\/li>\n \t<li>Clear comparison with other materials (aluminum, (wood)<\/li>\n \t<li>Highlighting energy, acoustic, and environmental benefits<\/li>\n<\/ul>\n<ol>\n \t<li><strong>Customer reviews<\/strong><\/li>\n<\/ol>\n<ul>\n \t<li>Authentic testimonials to build trust<\/li>\n \t<li>National scope of projects emphasized<\/li>\n<\/ul>\n<ol>\n \t<li><strong>Final conversion block<\/strong><\/li>\n<\/ol>\n<ul>\n \t<li>Simplified quote request form<\/li>\n \t<li>Highlighting rapid response times and direct contact channels<\/li>\n<\/ul>\n<h4>Footer<\/h4>\n<ul>\n \t<li>Structured navigation to essential pages<\/li>\n \t<li>Full contact information (phone, WhatsApp, social media)<\/li>\n \t<li>Mention of the German partner K\u00f6mmerling<\/li>\n \t<li>Access to institutional documents and brochure, if available<\/li>\n<\/ul>\n<h3>Art direction &amp; user experience<\/h3>\n<ul>\n \t<li><strong>Premium and professional visual identity<\/strong><\/li>\n \t<li>Sober and reassuring color palette (white, deep blue, gray)<\/li>\n \t<li>Modern and legible typography<\/li>\n \t<li>Minimal iconography consistent with the high-end industrial sector<\/li>\n \t<li>Subtle animations to enhance modernity without compromising performance<\/li>\n<\/ul>\n<h3>Tone &amp; editorial positioning<\/h3>\nThe website needed to convey the image of a <strong>rigorous, reliable, and expert<\/strong> company, combining <strong>German precision<\/strong> with <strong>renowned Moroccan know-how.<\/strong>\nEco Fen\u00eatre was to be seen not just as an installer, but as a <strong>trusted partner<\/strong> for demanding projects nationwide.","apercu_developpemants":"The redesign of the <strong>Eco Fen\u00eatre<\/strong> website relied on custom developments aimed at enriching the user experience, showcasing the company's achievements, and facilitating business relationships, all while maintaining a high level of performance and maintainability.\n<h3>Advanced Project and Site Showcase<\/h3>\nA customized project management system was designed to highlight the company's expertise:\n<ul>\n \t<li><strong>A custom-developed before\/after slider<\/strong>, based on ACF fields, allows for a visual comparison of the initial and final state of projects.<\/li>\n \t<li><strong>Interactive map of Morocco <\/strong>based on Leaflet, displaying all completed projects:\n<ul>\n \t<li>Precise geographic location<\/li>\n \t<li>Associated customer reviews (text and video)<\/li>\n \t<li>Direct link to the detailed information sheet for each project<\/li>\n \t<li>Dynamic filter system integrated into the map, facilitating navigation and search by:\n<ul>\n \t<li>State<\/li>\n \t<li>Type of project<\/li>\n \t<li>Year of completion<\/li>\n \t<li>Customer rating (number of stars)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\nThis approach allows for intuitive exploration of completed projects, for individuals as well as architects and developers.\n<h3>Advanced Search and Dynamic Navigation<\/h3>\n<strong>A real-time Gutenberg search block<\/strong> was developed specifically for the site:\n<ul>\n \t<li>Instant search based on the WordPress REST API<\/li>\n \t<li>Selection of the type of content targeted (projects, editorial content, etc.)<\/li>\n \t<li>Configurable limit on the number of results displayed<\/li>\n \t<li>Native integration with the Gutenberg editor, without dependence on a page builder<br>Lightweight and performance-optimized<br>This block significantly improves content accessibility across the entire site.<br>Highlighting Customer Reviews<br>A custom testimonial slider was implemented to strengthen social proof:<br>Centralized management of testimonials via an ACF options page<br>Display of ratings as stars<br>Smooth navigation (arrows, pagination)<br>Completely standalone component, without resource-intensive third-party plugins<br>Reviews are thus valued as a key element in the customer journey.<\/li>\n \t<li>Lightweight and performance-optimized<\/li>\n<\/ul>\nThis block significantly improves content accessibility across the entire site.\n<h3>Highlighting Customer Reviews<br>A custom testimonial slider was implemented to strengthen social proof:<br>Centralized management of testimonials via an ACF options page<br>Display of ratings as stars<br>Smooth navigation (arrows, pagination)<br>Completely standalone component, without resource-intensive third-party plugins<br>Reviews are thus valued as a key element in the customer journey.<\/h3>\nA custom testimonial slider was implemented to strengthen social proof:\n<ul>\n \t<li>Centralized management of testimonials via an ACF options page<\/li>\n \t<li>Display of ratings as stars<\/li>\n \t<li>Smooth navigation (arrows, pagination)<\/li>\n \t<li>Completely standalone component, without resource-intensive third-party plugins<\/li>\n<\/ul>\nReviews are thus valued as a key element in the customer journey.\n<h3>Optimizing the Quote Request Process<\/h3>\nA <strong>custom JavaScript-based module<\/strong> was developed for quote requests:\n<ul>\n \t<li>Smooth and responsive user experience<\/li>\n \t<li>Reduced friction during data entry<\/li>\n \t<li>Improved conversion of visitors into qualified leads<\/li>\n \t<li>Clean integration with the existing WordPress ecosystem<\/li>\n<\/ul>","details_techniques":"A premium corporate website that positions Eco Fen\u00eatre as a national leader in PVC and aluminum joinery, combining credibility, visual impact, and sales effectiveness.\n\n<strong>Professional Showcase and User Experience<\/strong>\n<ul>\n \t<li>Clear and structured presentation of projects nationwide<\/li>\n \t<li>Immersive experience based on visual proof (before\/after, real projects)<br>Navigation designed for individuals, architects, and developers<br>Enhanced trust through advanced integration of customer reviews (text and video)<br>Technical Architecture and Performance<br>Optimized and custom-designed WordPress architecture<br>Advanced content modeling via ACF (projects, testimonials, geographic data)<br>Interactive Leaflet-based map with dynamic data loading<br>Integrated map filtering system (region, project type, year, rating)<\/li>\n \t<li>Navigation designed for individuals, architects, and developers<\/li>\n \t<li>Enhanced trust through advanced integration of customer reviews (text and video)<\/li>\n<\/ul>\n<strong>Technical Architecture and Performance<\/strong>\n<ul>\n \t<li>Optimized and custom-designed WordPress architecture<\/li>\n \t<li>Advanced content modeling via ACF (projects, testimonials, geographic data)<\/li>\n \t<li>Interactive Leaflet-based map with dynamic data loading<\/li>\n \t<li>Integrated map filtering system (region, project type, year, rating)<\/li>\n<\/ul>\n<strong>Lightweight, independent, and cache\/CDN-compatible JavaScript components<\/strong>\n<ul>\n \t<li>High-value interactive components<\/li>\n \t<li>Custom before\/after slider for visual project comparison<\/li>\n \t<li>National project mapping with direct access to detailed project sheets<br>Live search Gutenberg block based on the WordPress REST API<br>Testimonial slider manageable without technical intervention<br>Customized, conversion-oriented quote request module<br>Development impact<br>Creation of a coherent ecosystem combining content, completed projects, and customer reviews<br>Highlighting expertise on a large scale without impacting the user experience<br>Significantly improved offer clarity and brand credibility<br>Tools designed to scale with project volume and marketing needs<br>Scalability and maintenance<br>Structure designed to accommodate a large number of projects without performance degradation<br>Content and components fully manageable via the WordPress back office<br>Minimal reliance on third-party plugins for improved long-term stability<br>Technical foundation ready for future developments Future developments (advanced SEO, new maps, landing pages)<\/li>\n \t<li>Live search Gutenberg block based on the WordPress REST API<\/li>\n \t<li>Testimonial slider manageable without technical intervention<br>Customized, conversion-oriented quote request module<br>Development impact<br>Creation of a coherent ecosystem combining content, completed projects, and customer reviews<br>Highlighting expertise on a large scale without impacting the user experience<br>Significantly improved offer clarity and brand credibility<br>Tools designed to scale with project volume and marketing needs<br>Scalability and maintenance<br>Structure designed to accommodate a large number of projects without performance degradation<br>Content and components fully manageable via the WordPress back office<br>Minimal reliance on third-party plugins for improved long-term stability<br>Technical foundation ready for future developments Future developments (advanced SEO, new maps, landing pages)<\/li>\n \t<li>Customized, conversion-oriented quote request module<br>Development impact<br>Creation of a coherent ecosystem combining content, completed projects, and customer reviews<br>Highlighting expertise on a large scale without impacting the user experience<br>Significantly improved offer clarity and brand credibility<br>Tools designed to scale with project volume and marketing needs<br>Scalability and maintenance<br>Structure designed to accommodate a large number of projects without performance degradation<br>Content and components fully manageable via the WordPress back office<br>Minimal reliance on third-party plugins for improved long-term stability<br>Technical foundation ready for future developments Future developments (advanced SEO, new maps, landing pages)<\/li>\n<\/ul>\n<strong>Development impact<\/strong>\n<ul>\n \t<li>Creation of a coherent ecosystem combining content, completed projects, and customer reviews<\/li>\n \t<li>Highlighting expertise on a large scale without impacting the user experience<br>Significantly improved offer clarity and brand credibility<br>Tools designed to scale with project volume and marketing needs<br>Scalability and maintenance<br>Structure designed to accommodate a large number of projects without performance degradation<br>Content and components fully manageable via the WordPress back office<br>Minimal reliance on third-party plugins for improved long-term stability<br>Technical foundation ready for future developments Future developments (advanced SEO, new maps, landing pages)<\/li>\n \t<li>Significantly improved offer clarity and brand credibility<br>Tools designed to scale with project volume and marketing needs<br>Scalability and maintenance<br>Structure designed to accommodate a large number of projects without performance degradation<br>Content and components fully manageable via the WordPress back office<br>Minimal reliance on third-party plugins for improved long-term stability<br>Technical foundation ready for future developments Future developments (advanced SEO, new maps, landing pages)<\/li>\n \t<li>Tools designed to scale with project volume and marketing needs<\/li>\n<\/ul>\n<strong>Scalability and maintenance<\/strong>\n<ul>\n \t<li>Structure designed to accommodate a large number of projects without performance degradation<\/li>\n \t<li>Content and components fully manageable via the WordPress back office<\/li>\n \t<li>Minimal reliance on third-party plugins for improved long-term stability<\/li>\n \t<li>Technical foundation ready for future developments Future developments (advanced SEO, new maps, landing pages)<\/li>\n<\/ul>\nA tailor-made technical solution that transforms a classic showcase website into a strategic tool for commercial enhancement, combining intelligent mapping, social proof and WordPress performance, while offering a robust and scalable foundation to support the growth of Eco Fen\u00eatre.","screens":"[{\"screen_titre\":\"Homepage Laptop\",\"screen_image_id\":1463139},{\"screen_titre\":\"Homepage Tab\",\"screen_image_id\":1463141},{\"screen_titre\":\"Homepage Phone\",\"screen_image_id\":1463140},{\"screen_titre\":\"Construction Site Mapping Page\",\"screen_image_id\":1463142},{\"screen_titre\":\"Our Achievements Page\",\"screen_image_id\":1463143},{\"screen_titre\":\"Project Page\",\"screen_image_id\":1463144}]","technique":"[]","technologies":"[\"HTML\",\"CSS\",\"JS\",\"PHP\",\"WordPress REST API\"]","resultats_images":""},"project_category":[108],"project_tag":[151,152,146,118],"class_list":["post-1463148","project","type-project","status-publish","has-post-thumbnail","project_category-redesign","project_tag-fse-en","project_tag-gutenberg-en","project_tag-performances-en","project_tag-wordpress-en"],"uagb_featured_image_src":{"full":["https:\/\/webpixelia.com\/wp-content\/uploads\/2026\/01\/eco-fenetre-laptop-mockup.webp",960,640,false],"thumbnail":["https:\/\/webpixelia.com\/wp-content\/uploads\/2026\/01\/eco-fenetre-laptop-mockup-150x150.webp",150,150,true],"medium":["https:\/\/webpixelia.com\/wp-content\/uploads\/2026\/01\/eco-fenetre-laptop-mockup-300x200.webp",300,200,true],"medium_large":["https:\/\/webpixelia.com\/wp-content\/uploads\/2026\/01\/eco-fenetre-laptop-mockup-768x512.webp",768,512,true],"large":["https:\/\/webpixelia.com\/wp-content\/uploads\/2026\/01\/eco-fenetre-laptop-mockup.webp",960,640,false],"1536x1536":["https:\/\/webpixelia.com\/wp-content\/uploads\/2026\/01\/eco-fenetre-laptop-mockup.webp",960,640,false],"2048x2048":["https:\/\/webpixelia.com\/wp-content\/uploads\/2026\/01\/eco-fenetre-laptop-mockup.webp",960,640,false]},"uagb_author_info":{"display_name":"Jonathan Webpixelia","author_link":"https:\/\/webpixelia.com\/en\/"},"uagb_comment_info":0,"uagb_excerpt":"Complete redesign of the Eco Fen\u00eatre website with a modern and high-end visual identity, showcasing the brand's achievements, expertise, and national credibility, while facilitating contact and quote requests throughout Morocco.","_links":{"self":[{"href":"https:\/\/webpixelia.com\/en\/wp-json\/wp\/v2\/project\/1463148","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\/1463147"}],"wp:attachment":[{"href":"https:\/\/webpixelia.com\/en\/wp-json\/wp\/v2\/media?parent=1463148"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/webpixelia.com\/en\/wp-json\/wp\/v2\/project_category?post=1463148"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/webpixelia.com\/en\/wp-json\/wp\/v2\/project_tag?post=1463148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}