{"componentChunkName":"component---src-templates-case-study-jsx","path":"/case-study/surf-maroc/","result":{"data":{"wpCaseStudy":{"nodes":[]}},"pageContext":{"node":{"databaseId":4720,"projectName":"Surf Maroc","projectIntroduction":"Surf Maroc offers curated surf and yoga holiday packages across premium locations in Morocco, including surf coaching programs and retreat-style accommodations. As a visually rich platform, the website plays a crucial role in communicating the brand’s lifestyle-driven experience.\r\n\r\nTo ensure a seamless digital experience, improvements were needed in design consistency, layout structure, dynamic content handling, and performance optimization. The project required careful execution within the Divi visual builder environment to preserve design integrity while enhancing functionality.","projectDescription":"<p data-start=\"386\" data-end=\"734\">Surf Maroc is a beautifully designed WordPress website representing a premium surf and yoga holiday platform in Morocco. The project focused primarily on frontend improvements, including refining UI consistency, enhancing responsive behavior across devices, optimizing sliders, and implementing dynamic content management using custom post types.</p>\r\n<p data-start=\"736\" data-end=\"897\">The goal was to deliver a polished, high-performing website that maintains aesthetic appeal while making backend content management easier for the internal team.</p>","showcaseImages":[],"featureImage":{"guid":"https://evolvan.com/api/wp-content/uploads/2026/03/Surfff-copy.jpg"},"featureImage2xDisplays":null,"websiteURL":"https://site2024.surfmaroc.com/","date":"2026-03-03T07:16:17","challenge":"Working within the Divi visual builder framework required precise adjustments to avoid disrupting existing layouts. Maintaining consistent slider heights and visual balance across multiple screen sizes was technically challenging, especially for image-heavy sections. Integrating dynamic content through custom post types while ensuring compatibility with Divi layouts required careful implementation. Additionally, optimizing performance without compromising the site’s high-quality visual appeal demanded strategic image compression and lazy loading techniques.","solution":"The frontend was refined through structured CSS enhancements, ensuring consistent spacing, typography, and alignment across all pages. Sliders were standardized to maintain uniform height and visual balance across devices. Custom post types were implemented via the theme’s functions.php file, enabling dynamic management of retreats and slider content directly from the WordPress dashboard. Performance was optimized through image compression, lazy loading, and responsive testing to ensure smooth functionality across desktop, tablet, and mobile devices.","results":"The updated website now delivers a cleaner, more professional, and visually consistent user experience. Sliders and visual modules display uniformly across all devices, enhancing brand perception and usability. The admin team can manage retreats and slider content independently without requiring developer intervention. Page load times improved significantly due to performance optimizations, resulting in smoother navigation and better user engagement.","caseStudiesData":null,"projectType":["wordpress","htmlBootstrap"],"shortDescription":"A WordPress-based surf and yoga holiday website redesigned for improved visual consistency, responsive layouts, dynamic","slug":"surf-maroc","technologiesData":{"nodes":[{"id":"cG9zdDoxMDE5","title":"SEO"},{"id":"cG9zdDo2MDc=","title":"PHP"},{"id":"cG9zdDo2MDU=","title":"Git"},{"id":"cG9zdDo1OTA=","title":"CSS3"},{"id":"cG9zdDo1ODg=","title":"HTML5"},{"id":"cG9zdDo0NDA=","title":"WordPress"}]},"additionalInfoLeftImage":null,"additionalInfoRightText":"<p>Industry: Travel &amp; Hospitality<br data-start=\"3551\" data-end=\"3554\" />Project Type: Web Application<br data-start=\"3583\" data-end=\"3586\" />Platform: WordPress Website<br data-start=\"3613\" data-end=\"3616\" />Builder: Divi Visual Builder<br data-start=\"3644\" data-end=\"3647\" />Focus Area: Frontend Development &amp; UI Optimization<br data-start=\"3697\" data-end=\"3700\" />Deployment: Live Production + Staging Environment<br data-start=\"3749\" data-end=\"3752\" />Target Audience: Surf &amp; Yoga Enthusiasts</p>","additionalInfoBottom":"<p>The Surf Maroc website enhancement project focused on elevating the frontend experience while simplifying backend content management. By balancing visual aesthetics with performance and scalability, the platform now offers a refined and user-friendly experience for both visitors and administrators. The structured implementation within the Divi ecosystem ensures long-term maintainability and flexibility for future updates.</p>","testimonials":null,"metaTagDetail":"Surf Maroc is a WordPress-based surf and yoga holiday website optimized for responsive design, dynamic content management using custom post types, improved slider consistency, and enhanced frontend performance.","metaTagKeyword":"Surf Maroc website, WordPress travel website, Divi theme development, Surf and yoga holiday platform, Custom post types WordPress, Frontend optimization WordPress, Responsive website design, Travel hospitality website development, Slider optimization WordPress, Performance optimized WordPress site"},"slug":"surf-maroc"}},"staticQueryHashes":["1070998670","1495217618","3069938414","3400521700","3910808925","884346343"],"slicesMap":{}}