<?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>Case Studies Archive | Wayne Blake | Web Developer and UI Designer</title>
	<atom:link href="https://wayneblake.com/blog/case-studies/feed/" rel="self" type="application/rss+xml" />
	<link>https://wayneblake.com/blog/case-studies/</link>
	<description>Wayne specialises in design and development work for content managed websites</description>
	<lastBuildDate>Fri, 13 Mar 2026 03:33:58 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://wayneblake.com/media/2023/09/wb-favicon-3.svg</url>
	<title>Case Studies Archive | Wayne Blake | Web Developer and UI Designer</title>
	<link>https://wayneblake.com/blog/case-studies/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Wodehouse Marketing</title>
		<link>https://wayneblake.com/blog/case-study/wodehouse-marketing/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=wodehouse-marketing</link>
		
		<dc:creator><![CDATA[Wayne]]></dc:creator>
		<pubDate>Fri, 13 Mar 2026 03:27:04 +0000</pubDate>
				<category><![CDATA[UI Designs]]></category>
		<category><![CDATA[Websites]]></category>
		<guid isPermaLink="false">https://wayneblake.com/?post_type=case-study&#038;p=349</guid>

					<description><![CDATA[<p>Squarespace Redesign &#38; Build The Brief: Wodehouse Marketing required a modern, revamped digital presence that better reflected their creative identity while remaining on their preferred platform, Squarespace. The primary goal was to improve user flow and better showcase their portfolio of work.</p>
<p>The post <a href="https://wayneblake.com/blog/case-study/wodehouse-marketing/">Wodehouse Marketing</a> appeared first on <a href="https://wayneblake.com">Wayne Blake | Web Developer and UI Designer</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:45%">
<p><strong>Squarespace Redesign &amp; Build</strong></p>



<p><strong>The Brief</strong>: Wodehouse Marketing required a modern, revamped digital presence that better reflected their creative identity while remaining on their preferred platform, Squarespace. The primary goal was to improve user flow and better showcase their portfolio of work.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:55%">
<ul class="wp-block-list">
<li><strong>Url:</strong> <a href="http://wodehouse.marketing" target="_blank" rel="noreferrer noopener">wodehouse.marketing</a></li>



<li><strong>Platform:</strong> Squarespace</li>
</ul>
</div>
</div>



<figure class="wp-block-image size-full call-out-img"><img fetchpriority="high" decoding="async" width="747" height="2560" src="https://wayneblake.com/media/2026/03/wodehouse-fp-complete-scaled.jpg" alt="Wodehouse Marketing complete front page layout" class="wp-image-350" style="object-fit:cover" srcset="https://wayneblake.com/media/2026/03/wodehouse-fp-complete-scaled.jpg 747w, https://wayneblake.com/media/2026/03/wodehouse-fp-complete-299x1024.jpg 299w, https://wayneblake.com/media/2026/03/wodehouse-fp-complete-448x1536.jpg 448w" sizes="(max-width: 747px) 100vw, 747px" /></figure>



<figure class="wp-block-image alignright size-full is-resized"><img decoding="async" width="450" height="893" src="https://wayneblake.com/media/2026/03/wodehouse-fp-mobile.png" alt="Wodehouse Marketing mobile view" class="wp-image-351" style="width:179px;height:auto" srcset="https://wayneblake.com/media/2026/03/wodehouse-fp-mobile.png 450w, https://wayneblake.com/media/2026/03/wodehouse-fp-mobile-151x300.png 151w" sizes="(max-width: 450px) 100vw, 450px" /></figure>



<div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="margin-top:var(--wp--preset--spacing--70)">
<h5 class="wp-block-heading" style="margin-bottom:0;padding-bottom:0">Project:</h5>
</div>



<ul style="margin-top:1.3rem;margin-bottom:1.3rem;padding-top:0;padding-right:0;padding-left:0" class="wp-block-list">
<li><strong>The Solution</strong> I executed a comprehensive redesign centered on the brand’s signature Mondrian-inspired grid aesthetic. This involved a complete overhaul of the site architecture, including a streamlined sitemap, high-conversion messaging, and intuitive contact forms.</li>



<li><strong>Key Deliverables:</strong></li>



<li><strong>Structural Strategy:</strong> Redefined the sitemap and user journey for better navigation.</li>



<li><strong>Visual Identity:</strong> Integrated a Mondrian-style grid system across the UI to reinforce brand recognition.</li>



<li><strong>Portfolio Optimization:</strong> Reorganised case studies to highlight project impact and results.</li>



<li><strong>UX/UI Refinement:</strong> Developed custom calls-to-action and optimized contact touchpoints to drive lead generation.</li>
</ul>



<p></p>
<p>The post <a href="https://wayneblake.com/blog/case-study/wodehouse-marketing/">Wodehouse Marketing</a> appeared first on <a href="https://wayneblake.com">Wayne Blake | Web Developer and UI Designer</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Maple Kitchens &#038; Bathrooms</title>
		<link>https://wayneblake.com/blog/case-study/maple-kitchens-bathrooms/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=maple-kitchens-bathrooms</link>
		
		<dc:creator><![CDATA[Wayne]]></dc:creator>
		<pubDate>Wed, 11 Mar 2026 13:39:13 +0000</pubDate>
				<category><![CDATA[UI Designs]]></category>
		<category><![CDATA[Websites]]></category>
		<guid isPermaLink="false">https://wayneblake.com/?post_type=case-study&#038;p=332</guid>

					<description><![CDATA[<p>Revitalising a dual-brande-commerce experience with elegant, modern UI design. Maple Kitchen &#38; Bathrooms required a comprehensive design refresh for their two primary retail arms: Shop Worktops and Shop Bathroom Products. The goal was to establish a cohesive visual identity across both brands while maintaining their individual market focus.</p>
<p>The post <a href="https://wayneblake.com/blog/case-study/maple-kitchens-bathrooms/">Maple Kitchens &amp; Bathrooms</a> appeared first on <a href="https://wayneblake.com">Wayne Blake | Web Developer and UI Designer</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:45%">
<p><strong>Revitalising a dual-brand</strong><br><strong>e-commerce experience with elegant, modern UI design.</strong></p>



<p>Maple Kitchen &amp; Bathrooms required a comprehensive design refresh for their two primary retail arms: <strong>Shop Worktops</strong> and <strong>Shop Bathroom Products</strong>. The goal was to establish a cohesive visual identity across both brands while maintaining their individual market focus.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:55%">
<ul class="wp-block-list">
<li><strong>Platform:</strong> Magento</li>
</ul>
</div>
</div>



<figure class="wp-block-image size-full has-custom-border call-out-img"><img decoding="async" width="1229" height="2560" src="https://wayneblake.com/media/2026/03/maple-website-ui-comp-scaled.jpg" alt="" class="has-border-color has-cyan-bluish-gray-border-color wp-image-344" style="border-width:1px;object-fit:cover" srcset="https://wayneblake.com/media/2026/03/maple-website-ui-comp-scaled.jpg 1229w, https://wayneblake.com/media/2026/03/maple-website-ui-comp-144x300.jpg 144w, https://wayneblake.com/media/2026/03/maple-website-ui-comp-492x1024.jpg 492w, https://wayneblake.com/media/2026/03/maple-website-ui-comp-768x1600.jpg 768w, https://wayneblake.com/media/2026/03/maple-website-ui-comp-737x1536.jpg 737w, https://wayneblake.com/media/2026/03/maple-website-ui-comp-983x2048.jpg 983w" sizes="(max-width: 1229px) 100vw, 1229px" /></figure>



<figure class="wp-block-image alignright size-full is-resized"><img loading="lazy" decoding="async" width="450" height="893" src="https://wayneblake.com/media/2026/03/sw-mobile-comp.png" alt="Shop Worktops mobile view" class="wp-image-335" style="aspect-ratio:0.5039251458846149;object-fit:cover;width:200px" srcset="https://wayneblake.com/media/2026/03/sw-mobile-comp.png 450w, https://wayneblake.com/media/2026/03/sw-mobile-comp-151x300.png 151w" sizes="auto, (max-width: 450px) 100vw, 450px" /></figure>



<div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="margin-top:var(--wp--preset--spacing--70)">
<h5 class="wp-block-heading" style="margin-bottom:0;padding-bottom:0">Project:</h5>
</div>



<figure class="wp-block-image size-full has-custom-border"><img loading="lazy" decoding="async" width="1920" height="1381" src="https://wayneblake.com/media/2026/03/shopworktops-home-page.png" alt="" class="has-border-color has-cyan-bluish-gray-border-color wp-image-334" style="border-width:1px" srcset="https://wayneblake.com/media/2026/03/shopworktops-home-page.png 1920w, https://wayneblake.com/media/2026/03/shopworktops-home-page-300x216.png 300w, https://wayneblake.com/media/2026/03/shopworktops-home-page-1024x737.png 1024w, https://wayneblake.com/media/2026/03/shopworktops-home-page-768x552.png 768w, https://wayneblake.com/media/2026/03/shopworktops-home-page-1536x1105.png 1536w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /></figure>



<ul style="margin-top:1.3rem;margin-bottom:1.3rem;padding-top:0;padding-right:0;padding-left:0" class="wp-block-list">
<li><strong>Modern Identity</strong>. To kickstart the transformation, new revamped logos were created for each brand. These modern marks provide a professional, unified foundation for the online shopping experience, ensuring brand recognition across different product sectors.</li>



<li><strong>Elegant UI Design</strong>. The UI design concepts were built around a simple, elegant aesthetic. By utilising clean layouts, high-quality lifestyle imagery, and generous whitespace, the interface allows the products to take centre stage. This minimalist approach streamlines the user journey, making it easy for customers to explore premium worktops and bathroom fixtures.</li>



<li><strong>A Unified Experience</strong>. Despite the different product ranges, both websites now share a consistent design language. This synergy strengthens the overarching Maple Kitchen &amp; Bathrooms identity, delivering a sophisticated and trustworthy shopping experience from landing page to checkout.</li>
</ul>



<div class="wp-block-group is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-cb46ffcb wp-block-group-is-layout-flex">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="600" height="230" src="https://wayneblake.com/media/2026/03/shop-worktops-logo-600.png" alt="" class="wp-image-336" srcset="https://wayneblake.com/media/2026/03/shop-worktops-logo-600.png 600w, https://wayneblake.com/media/2026/03/shop-worktops-logo-600-300x115.png 300w" sizes="auto, (max-width: 600px) 100vw, 600px" /></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="600" height="217" src="https://wayneblake.com/media/2026/03/shop-bathroom-logo-600.png" alt="" class="wp-image-337" srcset="https://wayneblake.com/media/2026/03/shop-bathroom-logo-600.png 600w, https://wayneblake.com/media/2026/03/shop-bathroom-logo-600-300x109.png 300w" sizes="auto, (max-width: 600px) 100vw, 600px" /></figure>
</div>
<p>The post <a href="https://wayneblake.com/blog/case-study/maple-kitchens-bathrooms/">Maple Kitchens &amp; Bathrooms</a> appeared first on <a href="https://wayneblake.com">Wayne Blake | Web Developer and UI Designer</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>UI Design for a Plumbing &#038; Heating Service Provider</title>
		<link>https://wayneblake.com/blog/case-study/ui-design-for-a-plumbing-heating-service-provider/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=ui-design-for-a-plumbing-heating-service-provider</link>
		
		<dc:creator><![CDATA[Wayne]]></dc:creator>
		<pubDate>Thu, 19 Oct 2023 02:24:55 +0000</pubDate>
				<category><![CDATA[UI Designs]]></category>
		<guid isPermaLink="false">https://wayneblake.com/?post_type=case-study&#038;p=298</guid>

					<description><![CDATA[<p>Designing a website for a plumbing and heating business required a balance of professionalism, trustworthiness, and user-friendliness. I created a design that had: By implementing these design elements, the design conveys professionalism, trustworthiness, and user-friendliness, ultimately helping attract and retain customers in need of your services.</p>
<p>The post <a href="https://wayneblake.com/blog/case-study/ui-design-for-a-plumbing-heating-service-provider/">UI Design for a Plumbing &amp; Heating Service Provider</a> appeared first on <a href="https://wayneblake.com">Wayne Blake | Web Developer and UI Designer</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-full has-custom-border"><img loading="lazy" decoding="async" width="1406" height="2560" src="https://wayneblake.com/media/2023/10/heat-wave-front-page-scaled.jpg" alt="" class="has-border-color has-cyan-bluish-gray-border-color wp-image-291" style="border-width:1px" srcset="https://wayneblake.com/media/2023/10/heat-wave-front-page-scaled.jpg 1406w, https://wayneblake.com/media/2023/10/heat-wave-front-page-165x300.jpg 165w, https://wayneblake.com/media/2023/10/heat-wave-front-page-563x1024.jpg 563w, https://wayneblake.com/media/2023/10/heat-wave-front-page-768x1398.jpg 768w, https://wayneblake.com/media/2023/10/heat-wave-front-page-844x1536.jpg 844w, https://wayneblake.com/media/2023/10/heat-wave-front-page-1125x2048.jpg 1125w" sizes="auto, (max-width: 1406px) 100vw, 1406px" /></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:100%">
<p>Designing a website for a plumbing and heating business required a balance of professionalism, trustworthiness, and user-friendliness. I created a design that had:</p>



<ol class="wp-block-list">
<li><strong>Clean and Professional Aesthetics:</strong> Clean and professional look to instill trust in your visitors. I Used a balanced color palette that includes blues, grays, yellows, whites and vibrant red accent to convey reliability.</li>



<li><strong>Hero Image :</strong> Showcasing comfort and warmth.</li>



<li><strong>Services Overview:</strong> Create a dedicated section that explains plumbing and heating services in detail.</li>



<li><strong>Testimonials and Reviews block:</strong> Genuine customer testimonials and reviews to build trust.</li>



<li><strong>Accreditations:</strong> To include accreditations to establish professionalism and expertise.</li>



<li><strong>Online Booking:</strong> Call to actions allowing visitors to easily book services.</li>



<li><strong>Energy Efficiency:</strong> Highlight commitment to energy-efficient and eco-friendly solutions, as this is a growing concern for many customers.</li>
</ol>



<p>By implementing these design elements, the design conveys professionalism, trustworthiness, and user-friendliness, ultimately helping attract and retain customers in need of your services.</p>
</div>
</div>
<p>The post <a href="https://wayneblake.com/blog/case-study/ui-design-for-a-plumbing-heating-service-provider/">UI Design for a Plumbing &amp; Heating Service Provider</a> appeared first on <a href="https://wayneblake.com">Wayne Blake | Web Developer and UI Designer</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>UI Design for a Manufacturer of School Supplies</title>
		<link>https://wayneblake.com/blog/case-study/ui-design-for-a-manufacturer-of-school-supplies/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=ui-design-for-a-manufacturer-of-school-supplies</link>
		
		<dc:creator><![CDATA[Wayne]]></dc:creator>
		<pubDate>Thu, 19 Oct 2023 02:22:31 +0000</pubDate>
				<category><![CDATA[UI Designs]]></category>
		<guid isPermaLink="false">https://wayneblake.com/?post_type=case-study&#038;p=297</guid>

					<description><![CDATA[<p>To infuse a fun, playful, and childlike style into the website for a manufacturer of premium classroom supplies, I incorporated these elements: By incorporating these playful and childlike design elements, the website has an inviting space for educators and parents looking to enhance their classrooms. Url: https://youngstart.co.uk</p>
<p>The post <a href="https://wayneblake.com/blog/case-study/ui-design-for-a-manufacturer-of-school-supplies/">UI Design for a Manufacturer of School Supplies</a> appeared first on <a href="https://wayneblake.com">Wayne Blake | Web Developer and UI Designer</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-full has-custom-border"><img loading="lazy" decoding="async" width="1007" height="2560" src="https://wayneblake.com/media/2023/10/youngstart-home-page-scaled.jpg" alt="" class="has-border-color has-cyan-bluish-gray-border-color wp-image-294" style="border-width:1px" srcset="https://wayneblake.com/media/2023/10/youngstart-home-page-scaled.jpg 1007w, https://wayneblake.com/media/2023/10/youngstart-home-page-118x300.jpg 118w, https://wayneblake.com/media/2023/10/youngstart-home-page-403x1024.jpg 403w, https://wayneblake.com/media/2023/10/youngstart-home-page-768x1953.jpg 768w, https://wayneblake.com/media/2023/10/youngstart-home-page-604x1536.jpg 604w" sizes="auto, (max-width: 1007px) 100vw, 1007px" /></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:100%">
<p><br>To infuse a fun, playful, and childlike style into the website for a manufacturer of premium classroom supplies, I incorporated these elements:</p>



<ol class="wp-block-list">
<li><strong>Color Palette:</strong> Use bright, cheerful colors such as vibrant blues, greens, and yellows. A mix of pastels and primary colors can create a child-friendly atmosphere.</li>



<li><strong>Illustrations and Mascots:</strong> Introduce fun and friendly characters or mascots that represent the brand. These characters can guide users through the site and add a playful touch.</li>



<li><strong>Typography:</strong> Selected a playful and childlike fonts for headings and call-to-action buttons. </li>



<li><strong>Imagery:</strong> Include images of happy and engaged children using your products in real classroom settings. These images should capture the joy of learning.</li>



<li><strong>Themed Product Categories:</strong> Products using fun themes like and graphics.</li>
</ol>



<p>By incorporating these playful and childlike design elements, the website has an inviting space for educators and parents looking to enhance their classrooms.</p>



<p><strong>Url:</strong> <a href="https://youngstart.co.uk" target="_blank" rel="noreferrer noopener">https://youngstart.co.uk</a></p>



<p></p>
</div>
</div>
<p>The post <a href="https://wayneblake.com/blog/case-study/ui-design-for-a-manufacturer-of-school-supplies/">UI Design for a Manufacturer of School Supplies</a> appeared first on <a href="https://wayneblake.com">Wayne Blake | Web Developer and UI Designer</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>UI Design for a Bespoke Jeweller</title>
		<link>https://wayneblake.com/blog/case-study/ui-design-for-a-bespoke-jeweller/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=ui-design-for-a-bespoke-jeweller</link>
		
		<dc:creator><![CDATA[Wayne]]></dc:creator>
		<pubDate>Thu, 19 Oct 2023 02:15:30 +0000</pubDate>
				<category><![CDATA[UI Designs]]></category>
		<guid isPermaLink="false">https://wayneblake.com/?post_type=case-study&#038;p=295</guid>

					<description><![CDATA[<p>Bespoke jewelry website design that exudes elegance, class, and a clean appearance. Client stipulated that the proposed design should have:</p>
<p>The post <a href="https://wayneblake.com/blog/case-study/ui-design-for-a-bespoke-jeweller/">UI Design for a Bespoke Jeweller</a> appeared first on <a href="https://wayneblake.com">Wayne Blake | Web Developer and UI Designer</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-full has-custom-border"><img loading="lazy" decoding="async" width="809" height="2560" src="https://wayneblake.com/media/2023/10/aka-bespoke-jewellers-front-page-scaled.jpg" alt="" class="has-border-color has-cyan-bluish-gray-border-color wp-image-290" style="border-width:1px" srcset="https://wayneblake.com/media/2023/10/aka-bespoke-jewellers-front-page-scaled.jpg 809w, https://wayneblake.com/media/2023/10/aka-bespoke-jewellers-front-page-95x300.jpg 95w, https://wayneblake.com/media/2023/10/aka-bespoke-jewellers-front-page-324x1024.jpg 324w, https://wayneblake.com/media/2023/10/aka-bespoke-jewellers-front-page-768x2430.jpg 768w, https://wayneblake.com/media/2023/10/aka-bespoke-jewellers-front-page-485x1536.jpg 485w, https://wayneblake.com/media/2023/10/aka-bespoke-jewellers-front-page-647x2048.jpg 647w" sizes="auto, (max-width: 809px) 100vw, 809px" /></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:100%">
<p>Bespoke jewelry website design that exudes elegance, class, and a clean appearance. Client stipulated that the proposed design should have: </p>



<ol class="wp-block-list">
<li><strong>Minimalistic Layout:</strong> A clean, minimalist layout that highlights the beauty of the jewelry. Using plenty of white space to create a sense of openness and sophistication.</li>



<li><strong>To include High-Quality Imagery:</strong> Professional photography to showcase your jewelry. High-resolution images with a consistent and pleasing background.</li>



<li><strong>Limited Color Palette:</strong> Sticking to a refined color palette, using neutral colors like white, black, and muted gold or silver, allowing the jewelry pieces to shine and maintain an elegant feel.</li>



<li><strong>Typography:</strong> Choosing elegant and legible fonts </li>



<li><strong>Intuitive Navigation:</strong> Keeping the navigation simple and user-friendly. </li>



<li><strong>Elegant Logo:</strong> Design a memorable and elegant logo that represents your brand and can be easily recognized.</li>



<li><strong>Subtle Animations:</strong> Subtle animations to enhance the user experience without overwhelming the design. Smooth transitions, fade-ins, or hover effects on product images and buttons.</li>



<li><strong>Concise Product Descriptions:</strong> Eengaging yet concise product descriptions that highlight the unique features and qualities of each jewelry piece. Emphasize the materials used and any artisanal craftsmanship.</li>



<li><strong>Smooth Checkout Process:</strong> The checkout process should be straightforward and secure. Clearly display shipping options and any additional fees. Include multiple payment methods.</li>
</ol>



<p></p>
</div>
</div>
<p>The post <a href="https://wayneblake.com/blog/case-study/ui-design-for-a-bespoke-jeweller/">UI Design for a Bespoke Jeweller</a> appeared first on <a href="https://wayneblake.com">Wayne Blake | Web Developer and UI Designer</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Somo</title>
		<link>https://wayneblake.com/blog/case-study/somo/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=somo</link>
		
		<dc:creator><![CDATA[Wayne]]></dc:creator>
		<pubDate>Wed, 20 Sep 2023 18:42:25 +0000</pubDate>
				<category><![CDATA[Websites]]></category>
		<guid isPermaLink="false">https://wayneblake.com/?post_type=case-study&#038;p=45</guid>

					<description><![CDATA[<p>Somo specialises in property bridging lending and investment opportunities for sophisticated investors. They have a number of financial products for borrowers and brokers. Somo allows investors to sign up and and use their platform.</p>
<p>The post <a href="https://wayneblake.com/blog/case-study/somo/">Somo</a> appeared first on <a href="https://wayneblake.com">Wayne Blake | Web Developer and UI Designer</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:45%">
<p>Somo specialises in property bridging lending and investment opportunities for sophisticated investors. They have a number of financial products for borrowers and brokers. Somo allows investors to sign up and and use their platform.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:55%">
<ul class="wp-block-list">
<li><strong>Url:</strong> <a rel="noreferrer noopener" href="http://somo.co.uk" data-type="link" data-id="http://somo.co.uk" target="_blank">somo.co.uk</a></li>



<li><strong>Platform:</strong> Bespoke PHP Framework</li>
</ul>
</div>
</div>



<figure class="wp-block-image size-full call-out-img"><img loading="lazy" decoding="async" width="2560" height="10656" src="https://wayneblake.com/media/2023/09/somo-front-page-complete.png" alt="" class="wp-image-85" style="object-fit:cover" srcset="https://wayneblake.com/media/2023/09/somo-front-page-complete.png 2560w, https://wayneblake.com/media/2023/09/somo-front-page-complete-72x300.png 72w, https://wayneblake.com/media/2023/09/somo-front-page-complete-246x1024.png 246w, https://wayneblake.com/media/2023/09/somo-front-page-complete-768x3197.png 768w, https://wayneblake.com/media/2023/09/somo-front-page-complete-369x1536.png 369w, https://wayneblake.com/media/2023/09/somo-front-page-complete-492x2048.png 492w" sizes="auto, (max-width: 2560px) 100vw, 2560px" /></figure>



<figure class="wp-block-image alignright"><img loading="lazy" decoding="async" width="154" height="300" src="https://wayneblake.com/media/2023/09/somo-frontpage-mobile-154x300.png" alt="" class="wp-image-119" srcset="https://wayneblake.com/media/2023/09/somo-frontpage-mobile-154x300.png 154w, https://wayneblake.com/media/2023/09/somo-frontpage-mobile.png 460w" sizes="auto, (max-width: 154px) 100vw, 154px" /></figure>



<div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="margin-top:var(--wp--preset--spacing--70)">
<h5 class="wp-block-heading" style="margin-bottom:0;padding-bottom:0">Project:</h5>
</div>



<ul class="wp-block-list" style="margin-top:1.3rem;margin-bottom:1.3rem;padding-top:0;padding-right:0;padding-left:0">
<li>Build a new theme for the frontend, essentially a complete re-skinning of website to bring it inline with the new brand identity. By Interpreting the designers UI prototype, the goal was to create a simple, clean and modern interface. </li>



<li>As this is a bespoke PHP framework which integrates with the investment platform I created a theme built with Boostrap, jQuery, SASS and HTML5. This was developed with backend developers.</li>



<li>The main elements to utilise subtle transitions, animations, carousels, pop-ups and fly-ins. Loan application, investor registration and login forms were also created. All elements were hand coded.</li>



<li>Site needed to be mobile responsive.</li>
</ul>



<p></p>
<p>The post <a href="https://wayneblake.com/blog/case-study/somo/">Somo</a> appeared first on <a href="https://wayneblake.com">Wayne Blake | Web Developer and UI Designer</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>The GNE</title>
		<link>https://wayneblake.com/blog/case-study/the-gne/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=the-gne</link>
		
		<dc:creator><![CDATA[Wayne]]></dc:creator>
		<pubDate>Tue, 19 Sep 2023 00:25:51 +0000</pubDate>
				<category><![CDATA[Websites]]></category>
		<guid isPermaLink="false">https://wayneblake.com/?post_type=case-study&#038;p=36</guid>

					<description><![CDATA[<p>GNE is a startup news aggregator and a web magazine, which includes Politics, Business, Sports, Science &#38; Tech, Health, Fashion and Life Hacks. GNE also provides a vehicle for burgeoning bloggers and writers to post their content as well a platform for polls, affiliate marketing and sponsored posts.</p>
<p>The post <a href="https://wayneblake.com/blog/case-study/the-gne/">The GNE</a> appeared first on <a href="https://wayneblake.com">Wayne Blake | Web Developer and UI Designer</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:45%">
<p>GNE is a startup news aggregator and a web magazine, which includes Politics, Business, Sports, Science &amp; Tech, Health, Fashion and Life Hacks. GNE also provides a vehicle for burgeoning bloggers and writers to post their content as well a platform for polls, affiliate marketing and sponsored posts.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:55%">
<ul class="wp-block-list">
<li><strong>Url:</strong> <a rel="noreferrer noopener" href="http://thegne.online" data-type="link" data-id="http://somo.co.uk" target="_blank">thegne.online</a></li>



<li><strong>Platform:</strong> WordPress</li>
</ul>
</div>
</div>



<figure class="wp-block-image size-full call-out-img__1"><img loading="lazy" decoding="async" width="766" height="2560" src="https://wayneblake.com/media/2023/09/gne-front-page-complete-scaled.jpg" alt="" class="wp-image-96" style="object-fit:cover" srcset="https://wayneblake.com/media/2023/09/gne-front-page-complete-scaled.jpg 766w, https://wayneblake.com/media/2023/09/gne-front-page-complete-90x300.jpg 90w, https://wayneblake.com/media/2023/09/gne-front-page-complete-306x1024.jpg 306w, https://wayneblake.com/media/2023/09/gne-front-page-complete-768x2566.jpg 768w, https://wayneblake.com/media/2023/09/gne-front-page-complete-460x1536.jpg 460w, https://wayneblake.com/media/2023/09/gne-front-page-complete-613x2048.jpg 613w" sizes="auto, (max-width: 766px) 100vw, 766px" /></figure>



<figure class="wp-block-image alignright size-full is-resized"><img loading="lazy" decoding="async" width="450" height="895" src="https://wayneblake.com/media/2023/09/gne-frontpage-mobile.png" alt="" class="wp-image-123" style="object-fit:contain;width:180px;height:314px" srcset="https://wayneblake.com/media/2023/09/gne-frontpage-mobile.png 450w, https://wayneblake.com/media/2023/09/gne-frontpage-mobile-151x300.png 151w" sizes="auto, (max-width: 450px) 100vw, 450px" /></figure>



<div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="margin-top:var(--wp--preset--spacing--70)">
<h5 class="wp-block-heading" style="margin-bottom:0;padding-bottom:0">Project:</h5>
</div>



<ul class="wp-block-list" style="margin-top:1.3rem;margin-bottom:1.3rem;padding-top:0;padding-right:0;padding-left:0">
<li>UI, UX Design: There was a requirement for a bold, fun, bright approach, whilst displaying elements of brutalism. I created a prototype wireframe with the front page and some of the category pages having distinct, vivid look and feel.</li>



<li>The theme was built on the new WordPress features known as ‘Block Based Themes’ or ‘Full Site Editing’ along with SASS and Javascript integration.</li>



<li>The theme needed to be flexible and allow new features and elements.</li>



<li>Site needed to be mobile responsive.</li>
</ul>
<p>The post <a href="https://wayneblake.com/blog/case-study/the-gne/">The GNE</a> appeared first on <a href="https://wayneblake.com">Wayne Blake | Web Developer and UI Designer</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
