Primethorpe Paving partnered with MageCloud to enhance website performance and increase conversions across both desktop and mobile devices. Through a completely redesigned UI/UX. We created a cleaner interface, faster navigation, and a seamless buying journey that led to higher conversions and increased revenue.
Primethorpe Paving
Primethorpe Paving is a trusted leader in residential and commercial paving services, known for delivering durable craftsmanship, reliable timelines, and customer-first service. The team uses industry-leading equipment, high-grade materials, and proven paving techniques to ensure smooth surfaces, optimal drainage, and a polished finish. Whether it’s building a brand-new driveway, restoring cracked pavement, or handling large-scale commercial projects, Primethorpe Paving brings expertise, precision, and pride to every job.
Our client transforms UK gardens and yards with dramatic before-and-after results, turning ordinary outdoor spaces into something extraordinary. We set out to mirror that same transformation on their digital home.
Just as they elevate the physical experience of their customers’ spaces, we elevated the user experience of their website – refining its navigation, visual hierarchy, and clarity to create a smoother, more intuitive journey.
Before
After
Below, we highlight key updates and insights from our recent redesign work for Primethorpe Paving, provided by our UX/UI expert, Adam Forshaw.
The implemented redesign led to significant improvements across key performance metrics, demonstrating the direct value of UX/UI optimization.
+57,2%
Total revenue
+61,4%
Total purchases
+34%
Conversion rate
These results confirm that strategic UX enhancements can quickly translate into measurable business impact.
The Challenge
The client’s previous website was a bit heavily informational, text-heavy, and lacked a clear ecommerce conversion path.
Key issues identified:
Homepage was dominated by long “About Us” content
Lack of product visibility and unclear navigation
No prioritization of categories or bestsellers
Low engagement metrics
Weak conversion flow from landing to purchase
The mission was clear:
Transform the site from a static informational website into a high-performing e-commerce experience.
Approach
Phase 1 – Homepage Overhaul
We led with the most impactful area: the homepage.
This change was significant enough that the client approved an extended scope for full site redesign.
Navigation Improvements
❌ Before
Overloaded top menu with inconsistent category naming
Low visibility of key value props (delivery, samples, expert advice)
earch function less prominent and easy to overlook
No clear pathway for users unsure about product types
Wishlist/account/cart icons not visually grouped
✅ After
Streamlined Main Navigation + Enhanced Utility Navigation Bar
A simplified, category-driven menu (“Garden Paving”, “Paving & Setts”, “Paving Features”, “Accessories”, “Fireplace Hearths”) ensures users immediately understand the main product pillars.
The redesigns show a clean, structured megamenu layout with clear grouping and strong visual hierarchy.
This redesign focused on making it easier for customers to find the right paving products quickly. We restructured the megamenu into clear, intuitive groups – materials, colours, and styles -supported by simple icons and better visual hierarchy.
A promotional tile highlights key product lines without distracting from navigation.
For Paving Features, we introduced image-based tiles that help users instantly recognise categories like edging, walling, and steps.
The result is a cleaner, more scannable menu that guides users naturally, reduces friction, and enhances product discovery – all within a single, visually balanced block.
💡 Insight: Users browsing natural stone or porcelain materials require clear segmentation by product type. Reducing cognitive load directly improves exploration. 🚀 Impact: Enhances product discovery and supports SEO through clear navigation hierarchies, facilitating seamless navigation.
A dedicated benefit bar was added above the hero section, featuring:
– Free delivery
– Order samples
– Custom hearth sizing
– Expert advice
💡 Insight: Visitors often abandon purchases due to uncertainty. Displaying reassurance elements upfront builds trust and improves perceived service quality.
🚀 Impact: Reduces bounce rate and cart abandonment by reinforcing value propositions early in the journey.
Prominent Search Bar + Clean Icon Grouping
A large, centered search bar was introduced near the top of the page.
💡 Insight: A significant segment of users browses based on colour, size, or specific stone types, searching for a primary conversion path. 🚀 Impact: Accelerates product discovery for high-intent users.
Utility icons have been grouped consistently on the right side.
💡 Insight: Consistency and recognisability reduce user friction and create a modern e-commerce feel. 🚀 Impact: Improves navigation predictability and supports faster shopping actions.
Homepage Redesign
❌ Before
Lack of visual hierarchy
Text-heavy sections with limited visual appeal
No immediate path for users to refine their search by colour or material
Social proof and educational content hidden deeper in the site
Homepage not structured around user decision-making behaviour
Messaging focused on the company instead of the customer
No product highlights
No category pathways
Long blocks of text are causing a high bounce rate
✅ After
E-commerce-first layout
Featured Top Sellers
Clear Category Navigation (“Paving Types”, etc.)
Product grid previews directly on the homepage
Visual hierarchy optimised for click-through
Customer goal: Get users to products faster
Modern Hero Banner with Clear CTA
The homepage now opens with:
– A lifestyle patio image
– A bold headline (“Natural Stone & Porcelain Paving”)
– A prominent CTA button
💡 Insight: Lifestyle imagery creates emotional engagement, helping users imagine the product in their home. 🚀 Impact: Improves the likelihood of users moving directly into primary shopping categories.
Colour-Based Paving Navigation
A row of clickable colour swatches allows users to browse paving by:
💡 Insight: Colour is the fastest way customers narrow their selection — especially for paving where aesthetic match is crucial. 🚀 Impact: Accelerates filtering and improves the product-finding experience.
“Most Popular Paving” Grid
A product grid featuring: lifestyle images; sample buttons, pricing, sale badges, wishlist icons.
💡 Insight: Customers rely heavily on social proof and popularity indicators when choosing among similar materials.
🚀 Impact: Increases engagement and streamlines purchasing.
Extra Enhancements for Better Browsing
The homepage was strengthened with clearer visual navigation and trust-building elements.
Large material category cards (Sandstone, Limestone, Porcelain, Slate) now streamline browsing and guide users toward top products.
A dedicated educational block helps users understand which paving suits their needs, reducing uncertainty and improving confidence.
TrustPilot ratings were surfaced to reinforce credibility and influence conversion.
Finally, secondary categories like cobbles, walling, steps, and hearths were highlighted to increase cross-selling and broaden users’ awareness of the full product offering.
Home Page Mobile Optimisation
On mobile, we restructured the homepage to ensure a faster, more intuitive browsing experience. Key content blocks were reorganised into a clear flow, with simplified navigation.
Hero imagery was optimised for smaller screens, product cards were made more scannable, and colour/material filters became swipe-friendly for quick exploration.
The result is a mobile homepage that feels lighter, more responsive, and purpose-built for real customer behaviour – reducing friction, shortening the path to products, and significantly improving overall engagement.
This change was significant enough that the client approved an extended scope for full site redesign.
Phase 2 – Full Site-wide Redesign
After the homepage success, during Phase 2, we’ve transformed the entire site into a cleaner, more intuitive, and conversion-focused experience.
Product Listing Pages
Cleaner grid
Consistent product cards
Clear attribute filtering
Better content hierarchy
Product Detail Pages
Improved information layout
Clear CTAs
Better product scannability
Optimised mobile layout
“Help & Advice” Section
More structured learning content
Better internal linking
Clear content categorization
The “Help & Advice” section shifts into a structured learning hub with clearer categorization and stronger interconnected content paths.
Overall UX Enhancements
Simplified navigation
Harmonised spacing & components
Visual consistency across the site
Improved accessibility
Reduced friction in purchase flow
The redesign brings consistency to product grids, cards, filters, and content hierarchy across all pages, ensuring users can scan products faster and make decisions with less friction.
Overall, in Phase 2, we delivered a cohesive, modern interface that feels simpler, faster, and more aligned with user expectations on both desktop and mobile.
Results. (28-Day Post-Launch)
Comparing the period to the previous month:
📈 Engagement
+69,5%
Average engagement time per active user
+89,8%
Engaged session per active user
+50,9%
Items viewed
Engagement Rate: +69%
Sessions: Increased significantly (as shown in analytics overview)
Items Viewed: Increased → users explored more products
🛒 E-commerce Performance
+34%
Conversion rate
+81,1%
Items purchased
+28,5%
Average purchase revenue per active user
Conversion Rate:
– Before redesign: 0.72%
– After redesign: 0.96%
– +33% increase in conversion rate
Total Purchases:+61%
Average Purchase Revenue per Customer:+28%
User Behavior
“Items Added to Cart” decreased slightly, but actual purchases increased, indicating:
+69,5%
Average engagement time per active user
+28,5%
Average purchase revenue per active user
More confident buyers
More qualified sessions
Better UX reducing indecision
These metrics confirm that the redesign improved both engagement and purchase efficiency.
Why the Redesign Worked
1. Clearer pathways = higher engagement
Users now reach the products in fewer clicks.
2. Stronger visual merchandising
Homepage showcases top sellers and categories immediately.
3. Better product discovery
Improved listing pages and navigation make browsing intuitive.
4. Streamlined product pages
Less cognitive load → more confident buying decisions.
5. Entire funnel re-engineered
From landing → browsing → selecting → purchasing.
Recap
The project demonstrates how shifting an informational site to an e-commerce-optimised experience generates rapid performance wins.
MageCloud delivered:
A modernised, conversion-focused design
Site-wide UX improvements
Significant lifts in engagement, revenue per customer, and conversion rate
The redesign transformed the client’s website into a scalable e-commerce platform with measurable business impact within weeks of launch.
About MageCloud
MageCloud, a leader in bespoke web solutions, specializes in crafting tailored designs that elevate online experiences. With a track record of successful projects, MageCloud is dedicated to driving growth and success for e-commerce ventures.
Wilsons Pet Food partnered with MageCloud to improve their online store’s performance. Through strategic UI/UX enhancements, we tried to streamline the user journey, and strengthen customer trust – creating a smoother, more engaging shopping experience for pet lovers.
By redesigning product and catalog pages, streamlining navigation, and enhancing mobile functionality, we created a modern, user-friendly platform for Carolina Restroom that simplifies access to essential information and drives customer engagement.
Crafting a captivating design for a WooCommerce watch store posed a challenge. Learn how we achieved this, enhancing both aesthetics and functionality seamlessly.