<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>featured-web-design - BRU Graphic Design</title>
	<atom:link href="https://www.brudesign.co.za/portfolio_category/featured-web-design/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.brudesign.co.za</link>
	<description>Graphic, Website and UX Design</description>
	<lastBuildDate>Mon, 04 May 2026 13:25:43 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
	<item>
		<title>Case Study: Kuier in Clarens Website</title>
		<link>https://www.brudesign.co.za/portfolio-archive/case-study-kuier-in-clarens-website/</link>
		
		<dc:creator><![CDATA[Pieter]]></dc:creator>
		<pubDate>Mon, 04 May 2026 12:21:41 +0000</pubDate>
				<guid isPermaLink="false">https://www.brudesign.co.za/?post_type=avada_portfolio&#038;p=5790</guid>

					<description><![CDATA[The Problem: Consolidating Three Guesthouses into One Powerful Digital Engine  Kuier in Clarens represents a trio of premier guesthouses in the Free State: Butterfly Villa, Die Blou Huis, and Square Roots. Previously, their marketing was localized to social media, but they lacked a centralized hub to capture bookings and booking leads.    [...]]]></description>
										<content:encoded><![CDATA[<p><div class="fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="max-width:1331.2px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-title title fusion-title-1 fusion-sep-none fusion-title-text fusion-title-size-two" style="--awb-margin-top-small:10px;--awb-margin-right-small:0px;--awb-margin-bottom-small:10px;--awb-margin-left-small:0px;"><h2 class="fusion-title-heading title-heading-left" style="margin:0;"><strong>The Problem: </strong><span style="font-weight: normal;">Consolidating Three Guesthouses into One Powerful Digital Engine</span></h2></div><div class="fusion-text fusion-text-1"><p>Kuier in Clarens represents a trio of premier guesthouses in the Free State: <strong>Butterfly Villa</strong>, <strong>Die Blou Huis</strong>, and <strong>Square Roots</strong>. Previously, their marketing was localized to social media, but they lacked a centralized hub to capture bookings and booking leads.</p>
</div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="max-width:1331.2px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-text fusion-text-2"><p>The client needed a professional web presence for all three properties but faced a common hurdle: building and maintaining three separate websites is expensive, time-consuming, and fragments your SEO. They needed a way to showcase three distinct personalities under one umbrella brand without losing the unique &#8220;vibe&#8221; of each house.</p>
</div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-3 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="max-width:1331.2px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_1 1_1 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-title title fusion-title-2 fusion-sep-none fusion-title-text fusion-title-size-two" style="--awb-margin-top-small:10px;--awb-margin-right-small:0px;--awb-margin-bottom-small:10px;--awb-margin-left-small:0px;"><h2 class="fusion-title-heading title-heading-left" style="margin:0;"><strong>The Solution: </strong><span style="font-weight: normal;">High-End Customization via Avada</span></h2></div><div class="fusion-text fusion-text-3"><p>After assessing their needs, I recommended a centralized WordPress website using the <strong>Avada</strong> theme. This allowed me to leverage powerful layout tools to create a &#8220;site-within-a-site&#8221; experience.</p>
<p><strong>The Architectural Solution:</strong></p>
<ul>
<li><strong>Distinct Visual Identities:</strong> I used color-coding to reflect the physical reality of the properties—Tuscan tones for <em>Butterfly Villa</em>, deep blues for <em>Die Blou Huis</em>, and vibrant turquoise for <em>Square Roots</em>.</li>
<li><strong>The Split-Navigation System:</strong> To keep the user experience intuitive, I implemented a custom split menu. The left side serves as the &#8220;Master Navigation&#8221; for Kuier in Clarens (allowing users to jump between properties), while the right side focuses on property-specific details like <em>Amenities</em>, <em>Location</em>, and <em>Booking</em>.</li>
<li><strong>NightsBridge Integration:</strong> I manually styled and integrated the NightsBridge &#8220;Check Availability&#8221; system for each property. This ensures the technical booking process feels like a premium, native part of the design rather than a clunky third-party add-on.</li>
</ul>
</div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-4 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="max-width:1331.2px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_1_1 1_1 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-text fusion-text-4"><p>The website is now live and serving as a centralized lead-generation tool. By implementing server-side caching, the site remains fast and responsive despite the high-resolution imagery required for hospitality marketing. With search engines currently processing the new sitemaps, the foundation is set for a significant shift from manual social media DMs to automated, organic traffic.</p>
</div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-5 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="max-width:1331.2px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_1_1 1_1 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="awb-gallery-wrapper awb-gallery-wrapper-1 button-span-no" style="--more-btn-alignment:center;" data-limit="8" data-page="1"><div style="margin:-5px;--awb-bordersize:0px;" class="fusion-gallery fusion-gallery-container fusion-grid-2 fusion-columns-total-8 fusion-gallery-layout-grid fusion-gallery-1"><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-2"><div class="fusion-gallery-image fusion-gallery-image-liftup"><a href="https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-1.webp" rel="noreferrer" data-rel="iLightbox[gallery_image_1]" class="fusion-lightbox" target="_self"><img fetchpriority="high" decoding="async" src="https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-1.webp" width="1920" height="1080" alt="Kuier in clarens 1" title="Kuier in clarens &#8211; (1)" aria-label="Kuier in clarens &#8211; (1)" class="img-responsive wp-image-5794" srcset="https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-1-200x113.webp 200w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-1-400x225.webp 400w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-1-600x338.webp 600w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-1-800x450.webp 800w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-1-1200x675.webp 1200w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-1.webp 1920w" sizes="(min-width: 2200px) 100vw, (min-width: 712px) 638px, (min-width: 640px) 712px, " /></a></div></div><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-2"><div class="fusion-gallery-image fusion-gallery-image-liftup"><a href="https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-9.webp" rel="noreferrer" data-rel="iLightbox[gallery_image_1]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-9.webp" width="1920" height="1080" alt="Kuier in clarens 9" title="Kuier in clarens &#8211; (9)" aria-label="Kuier in clarens &#8211; (9)" class="img-responsive wp-image-5795" srcset="https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-9-200x113.webp 200w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-9-400x225.webp 400w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-9-600x338.webp 600w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-9-800x450.webp 800w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-9-1200x675.webp 1200w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-9.webp 1920w" sizes="(min-width: 2200px) 100vw, (min-width: 712px) 638px, (min-width: 640px) 712px, " /></a></div></div><div class="clearfix"></div><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-2"><div class="fusion-gallery-image fusion-gallery-image-liftup"><a href="https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-10.webp" rel="noreferrer" data-rel="iLightbox[gallery_image_1]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-10.webp" width="1920" height="1080" alt="Kuier in clarens 10" title="Kuier in clarens &#8211; (10)" aria-label="Kuier in clarens &#8211; (10)" class="img-responsive wp-image-5796" srcset="https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-10-200x113.webp 200w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-10-400x225.webp 400w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-10-600x338.webp 600w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-10-800x450.webp 800w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-10-1200x675.webp 1200w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-10.webp 1920w" sizes="(min-width: 2200px) 100vw, (min-width: 712px) 638px, (min-width: 640px) 712px, " /></a></div></div><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-2"><div class="fusion-gallery-image fusion-gallery-image-liftup"><a href="https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-11.webp" rel="noreferrer" data-rel="iLightbox[gallery_image_1]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-11.webp" width="1920" height="1080" alt="Kuier in clarens 11" title="Kuier in clarens &#8211; (11)" aria-label="Kuier in clarens &#8211; (11)" class="img-responsive wp-image-5797" srcset="https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-11-200x113.webp 200w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-11-400x225.webp 400w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-11-600x338.webp 600w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-11-800x450.webp 800w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-11-1200x675.webp 1200w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-11.webp 1920w" sizes="(min-width: 2200px) 100vw, (min-width: 712px) 638px, (min-width: 640px) 712px, " /></a></div></div><div class="clearfix"></div><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-2"><div class="fusion-gallery-image fusion-gallery-image-liftup"><a href="https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-12.webp" rel="noreferrer" data-rel="iLightbox[gallery_image_1]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-12.webp" width="1920" height="1080" alt="Kuier in clarens 12" title="Kuier in clarens &#8211; (12)" aria-label="Kuier in clarens &#8211; (12)" class="img-responsive wp-image-5798" srcset="https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-12-200x113.webp 200w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-12-400x225.webp 400w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-12-600x338.webp 600w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-12-800x450.webp 800w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-12-1200x675.webp 1200w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-12.webp 1920w" sizes="(min-width: 2200px) 100vw, (min-width: 712px) 638px, (min-width: 640px) 712px, " /></a></div></div><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-2"><div class="fusion-gallery-image fusion-gallery-image-liftup"><a href="https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-13.webp" rel="noreferrer" data-rel="iLightbox[gallery_image_1]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-13.webp" width="1920" height="1080" alt="Kuier in clarens 13" title="Kuier in clarens &#8211; (13)" aria-label="Kuier in clarens &#8211; (13)" class="img-responsive wp-image-5799" srcset="https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-13-200x113.webp 200w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-13-400x225.webp 400w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-13-600x338.webp 600w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-13-800x450.webp 800w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-13-1200x675.webp 1200w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-13.webp 1920w" sizes="(min-width: 2200px) 100vw, (min-width: 712px) 638px, (min-width: 640px) 712px, " /></a></div></div><div class="clearfix"></div><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-2"><div class="fusion-gallery-image fusion-gallery-image-liftup"><a href="https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-14.webp" rel="noreferrer" data-rel="iLightbox[gallery_image_1]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-14.webp" width="1920" height="1080" alt="Kuier in clarens 14" title="Kuier in clarens &#8211; (14)" aria-label="Kuier in clarens &#8211; (14)" class="img-responsive wp-image-5800" srcset="https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-14-200x113.webp 200w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-14-400x225.webp 400w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-14-600x338.webp 600w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-14-800x450.webp 800w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-14-1200x675.webp 1200w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-14.webp 1920w" sizes="(min-width: 2200px) 100vw, (min-width: 712px) 638px, (min-width: 640px) 712px, " /></a></div></div><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-2"><div class="fusion-gallery-image fusion-gallery-image-liftup"><a href="https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-15.webp" rel="noreferrer" data-rel="iLightbox[gallery_image_1]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-15.webp" width="1920" height="1080" alt="Kuier in clarens 15" title="Kuier in clarens &#8211; (15)" aria-label="Kuier in clarens &#8211; (15)" class="img-responsive wp-image-5801" srcset="https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-15-200x113.webp 200w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-15-400x225.webp 400w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-15-600x338.webp 600w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-15-800x450.webp 800w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-15-1200x675.webp 1200w, https://www.brudesign.co.za/wp-content/uploads/2026/05/Kuier-in-clarens-15.webp 1920w" sizes="(min-width: 2200px) 100vw, (min-width: 712px) 638px, (min-width: 640px) 712px, " /></a></div></div><div class="clearfix"></div></div></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-6 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="max-width:1331.2px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-5 fusion_builder_column_1_1 1_1 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-title title fusion-title-3 fusion-sep-none fusion-title-text fusion-title-size-two" style="--awb-margin-top-small:10px;--awb-margin-right-small:0px;--awb-margin-bottom-small:10px;--awb-margin-left-small:0px;"><h2 class="fusion-title-heading title-heading-left" style="margin:0;"><strong>The Result: </strong><span style="font-weight: normal;">A Production-Ready Booking Machine</span></h2></div><div class="fusion-text fusion-text-5"><p>Managing SEO for a multi-page hospitality site can be a massive manual task. To solve this, I utilized <strong>proprietary automation software</strong> I developed to streamline the process:</p>
<ul>
<li><strong>Batch Processing:</strong> My tool parses the site’s pages and posts to generate optimized keywords, titles, and meta descriptions in one go.</li>
<li><strong>Efficiency:</strong> This allowed me to launch with a fully optimized site in a fraction of the time it would take for manual entry, ensuring the sitemaps were ready for immediate indexing by Google and Bing.</li>
</ul>
</div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-7 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="max-width:1331.2px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-6 fusion_builder_column_1_1 1_1 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-title title fusion-title-4 fusion-sep-none fusion-title-text fusion-title-size-two" style="--awb-margin-top-small:10px;--awb-margin-right-small:0px;--awb-margin-bottom-small:10px;--awb-margin-left-small:0px;"><h2 class="fusion-title-heading title-heading-left" style="margin:0;"><strong>The Lesson:</strong></h2></div><div class="fusion-text fusion-text-6"><p>Experience isn&#8217;t just about knowing how to design; it’s about knowing how to build. Where others see the need for three separate projects, an experienced developer sees a way to build one robust system that solves three problems at once.</p>
</div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-8 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="max-width:1331.2px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-7 fusion_builder_column_1_1 1_1 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-text fusion-text-7"><p><strong>Need a website that handles more than just the basics?</strong> Whether you have multiple brands or a complex technical requirement, let’s talk about building a solution that scales.</p>
</div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-9 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="max-width:1331.2px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-8 fusion_builder_column_1_1 1_1 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div ><a class="fusion-button button-flat fusion-button-default-size button-default fusion-button-default button-1 fusion-button-default-span fusion-button-default-type" target="_self" href="https://www.brudesign.co.za/contact/"><span class="fusion-button-text awb-button__text awb-button__text--default">Get a Quote for a Custom Web Project</span></a></div></div></div></div></div></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Case Study: De Klerk Safaris Website design</title>
		<link>https://www.brudesign.co.za/portfolio-archive/case-study-de-klerk-safaris-website-design/</link>
		
		<dc:creator><![CDATA[BRU Design]]></dc:creator>
		<pubDate>Tue, 03 Sep 2024 11:13:00 +0000</pubDate>
				<guid isPermaLink="false">https://www.brudesign.co.za/?post_type=avada_portfolio&#038;p=4598</guid>

					<description><![CDATA[The Problem  De Klerk Safaris is a premier name in hunting and photo safaris, and while their reputation was solid, their digital presence was failing them. The existing website was actually gaining significant traction with potential clients, but it was a relic from an older era. The design simply wasn't up to the standards [...]]]></description>
										<content:encoded><![CDATA[<p><div class="fusion-fullwidth fullwidth-box fusion-builder-row-10 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="max-width:1331.2px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-9 fusion_builder_column_1_1 1_1 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-title title fusion-title-5 fusion-sep-none fusion-title-text fusion-title-size-two" style="--awb-margin-top-small:10px;--awb-margin-right-small:0px;--awb-margin-bottom-small:10px;--awb-margin-left-small:0px;"><h2 class="fusion-title-heading title-heading-left" style="margin:0;">The Problem</h2></div><div class="fusion-text fusion-text-8"><p>De Klerk Safaris is a premier name in hunting and photo safaris, and while their reputation was solid, their digital presence was failing them. The existing website was actually gaining significant traction with potential clients, but it was a relic from an older era. The design simply wasn&#8217;t up to the standards of modern web design, creating a jarring disconnect between their high-end safari experiences and their online &#8220;front door.&#8221;</p>
<p>For a business where luxury and professional expertise are the primary selling points, this outdated interface was a massive trust gap. I needed to take that existing momentum and channel it into a platform that looked as premium as the services they provide.</p>
</div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-11 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="max-width:1331.2px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-10 fusion_builder_column_1_1 1_1 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-title title fusion-title-6 fusion-sep-none fusion-title-text fusion-title-size-two" style="--awb-margin-top-small:10px;--awb-margin-right-small:0px;--awb-margin-bottom-small:10px;--awb-margin-left-small:0px;"><h2 class="fusion-title-heading title-heading-left" style="margin:0;">The Solution</h2></div><div class="fusion-text fusion-text-9"><p data-path-to-node="8">After a detailed discussion with the client, the goal was clear: a complete overhaul that felt modern and made complex navigation feel effortless.</p>
<ul data-path-to-node="9">
<li>
<p data-path-to-node="9,0,0"><b data-path-to-node="9,0,0" data-index-in-node="0">Architecture &amp; Content Migration:</b> The old site had a very basic page structure. I restructured the navigation to accommodate new service categories and updated their legacy content, ensuring the user journey was intuitive.</p>
</li>
<li>
<p data-path-to-node="9,1,0"><b data-path-to-node="9,1,0" data-index-in-node="0">The WebP Standard:</b> To make sure the website loaded fast—especially critical for an image-heavy safari site—I implemented <b data-path-to-node="9,1,0" data-index-in-node="121">WebP</b> as the primary image format. This ensured we didn&#8217;t sacrifice visual quality for speed.</p>
</li>
<li>
<p data-path-to-node="9,2,0"><b data-path-to-node="9,2,0" data-index-in-node="0">Workflow Integration:</b> I integrated the <b data-path-to-node="9,2,0" data-index-in-node="39">Imagely</b> gallery system. This was a strategic choice; the client needed to be able to upload new trophy photos or lodge updates directly into dynamic galleries without having to touch the page editor or risk breaking the design.</p>
</li>
<li>
<p data-path-to-node="9,3,0"><b data-path-to-node="9,3,0" data-index-in-node="0">Optimization Stack:</b> Built on a robust WordPress and Avada foundation, I layered in server-side caching and performance optimization once the build was complete. This transformed a media-heavy site into a &#8220;Production-Ready Machine&#8221; that remains responsive even on mobile devices in remote areas.</p>
</li>
</ul>
</div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-12 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="max-width:1331.2px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-11 fusion_builder_column_1_1 1_1 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="awb-gallery-wrapper awb-gallery-wrapper-2 button-span-no" style="--more-btn-alignment:center;"><div style="margin:-15px;--awb-bordersize:1px;--awb-bordercolor:var(--awb-custom_color_3);" class="fusion-gallery fusion-gallery-container fusion-grid-2 fusion-columns-total-8 fusion-gallery-layout-grid fusion-gallery-2"><div style="padding:15px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-2"><div class="fusion-gallery-image fusion-gallery-image-liftup"><a href="https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-02.webp" rel="noreferrer" data-rel="iLightbox[gallery_image_2]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-02.webp" width="1920" height="1080" alt="Website Design - De Klerk Safaris - DK Safaris 02" title="DK Safaris &#8211; 02" aria-label="DK Safaris &#8211; 02" class="img-responsive wp-image-4600" srcset="https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-02-200x113.webp 200w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-02-400x225.webp 400w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-02-600x338.webp 600w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-02-800x450.webp 800w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-02-1200x675.webp 1200w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-02.webp 1920w" sizes="(min-width: 2200px) 100vw, (min-width: 712px) 633px, (min-width: 640px) 712px, " /></a></div></div><div style="padding:15px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-2"><div class="fusion-gallery-image fusion-gallery-image-liftup"><a href="https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-03.webp" rel="noreferrer" data-rel="iLightbox[gallery_image_2]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-03.webp" width="1920" height="1080" alt="Website Design - De Klerk Safaris - DK Safaris 03" title="DK Safaris &#8211; 03" aria-label="DK Safaris &#8211; 03" class="img-responsive wp-image-4601" srcset="https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-03-200x113.webp 200w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-03-400x225.webp 400w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-03-600x338.webp 600w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-03-800x450.webp 800w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-03-1200x675.webp 1200w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-03.webp 1920w" sizes="(min-width: 2200px) 100vw, (min-width: 712px) 633px, (min-width: 640px) 712px, " /></a></div></div><div class="clearfix"></div><div style="padding:15px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-2"><div class="fusion-gallery-image fusion-gallery-image-liftup"><a href="https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-04.webp" rel="noreferrer" data-rel="iLightbox[gallery_image_2]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-04.webp" width="1920" height="1080" alt="Website Design - De Klerk Safaris - DK Safaris 04" title="DK Safaris &#8211; 04" aria-label="DK Safaris &#8211; 04" class="img-responsive wp-image-4602" srcset="https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-04-200x113.webp 200w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-04-400x225.webp 400w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-04-600x338.webp 600w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-04-800x450.webp 800w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-04-1200x675.webp 1200w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-04.webp 1920w" sizes="(min-width: 2200px) 100vw, (min-width: 712px) 633px, (min-width: 640px) 712px, " /></a></div></div><div style="padding:15px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-2"><div class="fusion-gallery-image fusion-gallery-image-liftup"><a href="https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-05.webp" rel="noreferrer" data-rel="iLightbox[gallery_image_2]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-05.webp" width="1920" height="1080" alt="Website Design - De Klerk Safaris - DK Safaris 05" title="DK Safaris &#8211; 05" aria-label="DK Safaris &#8211; 05" class="img-responsive wp-image-4603" srcset="https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-05-200x113.webp 200w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-05-400x225.webp 400w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-05-600x338.webp 600w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-05-800x450.webp 800w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-05-1200x675.webp 1200w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-05.webp 1920w" sizes="(min-width: 2200px) 100vw, (min-width: 712px) 633px, (min-width: 640px) 712px, " /></a></div></div><div class="clearfix"></div><div style="padding:15px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-2"><div class="fusion-gallery-image fusion-gallery-image-liftup"><a href="https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-06.webp" rel="noreferrer" data-rel="iLightbox[gallery_image_2]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-06.webp" width="1920" height="1080" alt="Website Design - De Klerk Safaris - DK Safaris 06" title="DK Safaris &#8211; 06" aria-label="DK Safaris &#8211; 06" class="img-responsive wp-image-4604" srcset="https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-06-200x113.webp 200w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-06-400x225.webp 400w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-06-600x338.webp 600w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-06-800x450.webp 800w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-06-1200x675.webp 1200w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-06.webp 1920w" sizes="(min-width: 2200px) 100vw, (min-width: 712px) 633px, (min-width: 640px) 712px, " /></a></div></div><div style="padding:15px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-2"><div class="fusion-gallery-image fusion-gallery-image-liftup"><a href="https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-07.webp" rel="noreferrer" data-rel="iLightbox[gallery_image_2]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-07.webp" width="1920" height="1080" alt="Website Design - De Klerk Safaris - DK Safaris 07" title="DK Safaris &#8211; 07" aria-label="DK Safaris &#8211; 07" class="img-responsive wp-image-4605" srcset="https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-07-200x113.webp 200w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-07-400x225.webp 400w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-07-600x338.webp 600w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-07-800x450.webp 800w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-07-1200x675.webp 1200w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-07.webp 1920w" sizes="(min-width: 2200px) 100vw, (min-width: 712px) 633px, (min-width: 640px) 712px, " /></a></div></div><div class="clearfix"></div><div style="padding:15px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-2"><div class="fusion-gallery-image fusion-gallery-image-liftup"><a href="https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-08.webp" rel="noreferrer" data-rel="iLightbox[gallery_image_2]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-08.webp" width="1920" height="1080" alt="Website Design - De Klerk Safaris - DK Safaris 08" title="DK Safaris &#8211; 08" aria-label="DK Safaris &#8211; 08" class="img-responsive wp-image-4606" srcset="https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-08-200x113.webp 200w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-08-400x225.webp 400w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-08-600x338.webp 600w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-08-800x450.webp 800w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-08-1200x675.webp 1200w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-08.webp 1920w" sizes="(min-width: 2200px) 100vw, (min-width: 712px) 633px, (min-width: 640px) 712px, " /></a></div></div><div style="padding:15px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-2"><div class="fusion-gallery-image fusion-gallery-image-liftup"><a href="https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-01.webp" rel="noreferrer" data-rel="iLightbox[gallery_image_2]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-01.webp" width="1920" height="1080" alt="Website Design - De Klerk Safaris - DK Safaris 01" title="DK Safaris &#8211; 01" aria-label="DK Safaris &#8211; 01" class="img-responsive wp-image-4599" srcset="https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-01-200x113.webp 200w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-01-400x225.webp 400w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-01-600x338.webp 600w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-01-800x450.webp 800w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-01-1200x675.webp 1200w, https://www.brudesign.co.za/wp-content/uploads/2024/09/DK-Safaris-01.webp 1920w" sizes="(min-width: 2200px) 100vw, (min-width: 712px) 633px, (min-width: 640px) 712px, " /></a></div></div><div class="clearfix"></div></div></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-13 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="max-width:1331.2px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-12 fusion_builder_column_1_1 1_1 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-title title fusion-title-7 fusion-sep-none fusion-title-text fusion-title-size-two" style="--awb-margin-top-small:10px;--awb-margin-right-small:0px;--awb-margin-bottom-small:10px;--awb-margin-left-small:0px;"><h2 class="fusion-title-heading title-heading-left" style="margin:0;">The Result</h2></div><div class="fusion-text fusion-text-10"><p>The final product is a modern, high-conversion gateway. De Klerk Safaris now has a professional platform that finally matches the quality of their physical service. With the addition of a strategic blog—covering everything from safari preparation to the unique ecology of the Kalahari—the site is no longer just a digital brochure; it’s an SEO asset that builds authority and ranks for the long-tail keywords that high-intent travelers are searching for.</p>
</div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-14 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="max-width:1331.2px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-13 fusion_builder_column_1_1 1_1 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-title title fusion-title-8 fusion-sep-none fusion-title-text fusion-title-size-two" style="--awb-margin-top-small:10px;--awb-margin-right-small:0px;--awb-margin-bottom-small:10px;--awb-margin-left-small:0px;"><h2 class="fusion-title-heading title-heading-left" style="margin:0;">The Lesson</h2></div><div class="fusion-text fusion-text-11"><p>The &#8220;Impossible Gallery&#8221; lesson: If a standard tool doesn&#8217;t fit the client&#8217;s workflow, you don&#8217;t compromise the design—you hunt for the right integration. This project proved that performance optimization, like WebP and caching, shouldn&#8217;t be an afterthought. It has to be baked into the foundation of the build to ensure the site stays fast as the client&#8217;s gallery grows over the years.</p>
</div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-15 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:25px;--awb-border-radius-top-right:25px;--awb-border-radius-bottom-right:25px;--awb-border-radius-bottom-left:25px;--awb-overflow:hidden;--awb-padding-top:50px;--awb-padding-right:50px;--awb-padding-bottom:50px;--awb-padding-left:50px;--awb-background-color:var(--awb-custom_color_11);--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="max-width:1331.2px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-14 fusion_builder_column_1_1 1_1 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-title title fusion-title-9 fusion-sep-none fusion-title-text fusion-title-size-two" style="--awb-margin-top-small:10px;--awb-margin-right-small:0px;--awb-margin-bottom-small:10px;--awb-margin-left-small:0px;"><h2 class="fusion-title-heading title-heading-left" style="margin:0;"><b data-path-to-node="15" data-index-in-node="0">Need a website that performs as well as it looks?</b></h2></div><div style="text-align:left;"><a class="fusion-button button-flat fusion-button-default-size button-default fusion-button-default button-2 fusion-button-default-span fusion-button-default-type" style="--button-border-radius-top-left:25px;--button-border-radius-top-right:25px;--button-border-radius-bottom-right:25px;--button-border-radius-bottom-left:25px;" target="_self"><i class="fa-arrow-right fas awb-button__icon awb-button__icon--default button-icon-left" aria-hidden="true"></i><span class="fusion-button-text awb-button__text awb-button__text--default">Get a free quote today</span></a></div></div></div></div></div></p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
