Eco Fenêtre — WordPress Website Redesign
Complete redesign of the Eco Fenêtre 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.
screens
Overview
Homepage Laptop
Homepage Tab
Homepage Phone
Construction Site Mapping Page
Our Achievements Page
Project Page
1
specifications
Specifications
Context & Overall Objective
The client wanted a complete redesign of their website to reposition Eco Fenêtre as a national leader in PVC and aluminum joinery in Morocco.
The main objective was to design a compelling, clear, and premium homepage that would immediately convey the reliability, modernity, and German engineering of the solutions offered.
The website needed to reassure individuals, architects, and real estate developers alike, while also encouraging contact and quote requests.
The secondary pages (products, projects, contact) needed to maintain the same graphic design and ensure seamless navigation.
Key Objectives
- Strengthen the premium brand image and national credibility
- Highlight Eco Fenêtre’s expertise and experience
- Promote the quality of materials and the German partnership
- Facilitate access to key information and achievements
- Optimize conversion through clear calls to action
Expected Functional Structure
Homepage
The homepage was to play a central role in the conversion and brand image strategy.
- Immersive Hero Section
- Full-screen visuals (photo or video) of high-end projects
- Strong message affirming national leadership and German performance
- Highlighting of guarantees, experience, and materials used
- Direct calls to action to quotes and completed projects
- “Why Choose Us” Section
- Key arguments presented concisely and visually
- Emphasis on reliability, experience, installation quality, and nationwide coverage
- Presentation of joinery solutions
- Highlighting of the different ranges (windows, doors, patio doors, shutters)
- Clear navigation to the corresponding product pages
- Expertise and commitment to quality
- Structured editorial text explaining the company’s expertise, methods, and vision
- Highlighting of key figures and field experience
- Projects
- Visual gallery of completed projects
- Objective of reassurance and proof of quality
- Product education
- Section dedicated to the advantages of PVC
- Clear comparison with other materials (aluminum, (wood)
- Highlighting energy, acoustic, and environmental benefits
- Customer reviews
- Authentic testimonials to build trust
- National scope of projects emphasized
- Final conversion block
- Simplified quote request form
- Highlighting rapid response times and direct contact channels
Footer
- Structured navigation to essential pages
- Full contact information (phone, WhatsApp, social media)
- Mention of the German partner Kömmerling
- Access to institutional documents and brochure, if available
Art direction & user experience
- Premium and professional visual identity
- Sober and reassuring color palette (white, deep blue, gray)
- Modern and legible typography
- Minimal iconography consistent with the high-end industrial sector
- Subtle animations to enhance modernity without compromising performance
Tone & editorial positioning
The website needed to convey the image of a rigorous, reliable, and expert company, combining German precision with renowned Moroccan know-how.
Eco Fenêtre was to be seen not just as an installer, but as a trusted partner for demanding projects nationwide.
2
methodology
Overview of developments
The redesign of the Eco Fenêtre 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.
Advanced Project and Site Showcase
A customized project management system was designed to highlight the company’s expertise:
- A custom-developed before/after slider, based on ACF fields, allows for a visual comparison of the initial and final state of projects.
- Interactive map of Morocco based on Leaflet, displaying all completed projects:
- Precise geographic location
- Associated customer reviews (text and video)
- Direct link to the detailed information sheet for each project
- Dynamic filter system integrated into the map, facilitating navigation and search by:
- State
- Type of project
- Year of completion
- Customer rating (number of stars)
This approach allows for intuitive exploration of completed projects, for individuals as well as architects and developers.
Advanced Search and Dynamic Navigation
A real-time Gutenberg search block was developed specifically for the site:
- Instant search based on the WordPress REST API
- Selection of the type of content targeted (projects, editorial content, etc.)
- Configurable limit on the number of results displayed
- Native integration with the Gutenberg editor, without dependence on a page builder
Lightweight and performance-optimized
This block significantly improves content accessibility across the entire site.
Highlighting Customer Reviews
A custom testimonial slider was implemented to strengthen social proof:
Centralized management of testimonials via an ACF options page
Display of ratings as stars
Smooth navigation (arrows, pagination)
Completely standalone component, without resource-intensive third-party plugins
Reviews are thus valued as a key element in the customer journey. - Lightweight and performance-optimized
This block significantly improves content accessibility across the entire site.
Highlighting Customer Reviews
A custom testimonial slider was implemented to strengthen social proof:
Centralized management of testimonials via an ACF options page
Display of ratings as stars
Smooth navigation (arrows, pagination)
Completely standalone component, without resource-intensive third-party plugins
Reviews are thus valued as a key element in the customer journey.
A custom testimonial slider was implemented to strengthen social proof:
- Centralized management of testimonials via an ACF options page
- Display of ratings as stars
- Smooth navigation (arrows, pagination)
- Completely standalone component, without resource-intensive third-party plugins
Reviews are thus valued as a key element in the customer journey.
Optimizing the Quote Request Process
A custom JavaScript-based module was developed for quote requests:
- Smooth and responsive user experience
- Reduced friction during data entry
- Improved conversion of visitors into qualified leads
- Clean integration with the existing WordPress ecosystem
3
technical
Technical details
CMS:
WordPress
Technologies:
A premium corporate website that positions Eco Fenêtre as a national leader in PVC and aluminum joinery, combining credibility, visual impact, and sales effectiveness.
Professional Showcase and User Experience
- Clear and structured presentation of projects nationwide
- Immersive experience based on visual proof (before/after, real projects)
Navigation designed for individuals, architects, and developers
Enhanced trust through advanced integration of customer reviews (text and video)
Technical Architecture and Performance
Optimized and custom-designed WordPress architecture
Advanced content modeling via ACF (projects, testimonials, geographic data)
Interactive Leaflet-based map with dynamic data loading
Integrated map filtering system (region, project type, year, rating) - Navigation designed for individuals, architects, and developers
- Enhanced trust through advanced integration of customer reviews (text and video)
Technical Architecture and Performance
- Optimized and custom-designed WordPress architecture
- Advanced content modeling via ACF (projects, testimonials, geographic data)
- Interactive Leaflet-based map with dynamic data loading
- Integrated map filtering system (region, project type, year, rating)
Lightweight, independent, and cache/CDN-compatible JavaScript components
- High-value interactive components
- Custom before/after slider for visual project comparison
- National project mapping with direct access to detailed project sheets
Live search Gutenberg block based on the WordPress REST API
Testimonial slider manageable without technical intervention
Customized, conversion-oriented quote request module
Development impact
Creation of a coherent ecosystem combining content, completed projects, and customer reviews
Highlighting expertise on a large scale without impacting the user experience
Significantly improved offer clarity and brand credibility
Tools designed to scale with project volume and marketing needs
Scalability and maintenance
Structure designed to accommodate a large number of projects without performance degradation
Content and components fully manageable via the WordPress back office
Minimal reliance on third-party plugins for improved long-term stability
Technical foundation ready for future developments Future developments (advanced SEO, new maps, landing pages) - Live search Gutenberg block based on the WordPress REST API
- Testimonial slider manageable without technical intervention
Customized, conversion-oriented quote request module
Development impact
Creation of a coherent ecosystem combining content, completed projects, and customer reviews
Highlighting expertise on a large scale without impacting the user experience
Significantly improved offer clarity and brand credibility
Tools designed to scale with project volume and marketing needs
Scalability and maintenance
Structure designed to accommodate a large number of projects without performance degradation
Content and components fully manageable via the WordPress back office
Minimal reliance on third-party plugins for improved long-term stability
Technical foundation ready for future developments Future developments (advanced SEO, new maps, landing pages) - Customized, conversion-oriented quote request module
Development impact
Creation of a coherent ecosystem combining content, completed projects, and customer reviews
Highlighting expertise on a large scale without impacting the user experience
Significantly improved offer clarity and brand credibility
Tools designed to scale with project volume and marketing needs
Scalability and maintenance
Structure designed to accommodate a large number of projects without performance degradation
Content and components fully manageable via the WordPress back office
Minimal reliance on third-party plugins for improved long-term stability
Technical foundation ready for future developments Future developments (advanced SEO, new maps, landing pages)
Development impact
- Creation of a coherent ecosystem combining content, completed projects, and customer reviews
- Highlighting expertise on a large scale without impacting the user experience
Significantly improved offer clarity and brand credibility
Tools designed to scale with project volume and marketing needs
Scalability and maintenance
Structure designed to accommodate a large number of projects without performance degradation
Content and components fully manageable via the WordPress back office
Minimal reliance on third-party plugins for improved long-term stability
Technical foundation ready for future developments Future developments (advanced SEO, new maps, landing pages) - Significantly improved offer clarity and brand credibility
Tools designed to scale with project volume and marketing needs
Scalability and maintenance
Structure designed to accommodate a large number of projects without performance degradation
Content and components fully manageable via the WordPress back office
Minimal reliance on third-party plugins for improved long-term stability
Technical foundation ready for future developments Future developments (advanced SEO, new maps, landing pages) - Tools designed to scale with project volume and marketing needs
Scalability and maintenance
- Structure designed to accommodate a large number of projects without performance degradation
- Content and components fully manageable via the WordPress back office
- Minimal reliance on third-party plugins for improved long-term stability
- Technical foundation ready for future developments Future developments (advanced SEO, new maps, landing pages)
A 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être.
let’s work together
Ready to launch your web project?
Whether you need a new website, a redesign, or a specific feature, I am here to help you realize your digital project.
Or contact me