hero
EdinburghExtensions

Edinburgh Extensions

Case study:
My Role

Design, Copywriting, Development, Testing

Build your dreams

logo
The Client

With over 30 years of hands-on experience in the home improvement industry, Edinburgh Extensions stands as a stalwart family business led by Stan and Bartek.

background image
The Challenge

The absence from the online space limited Edinburgh Extensions' reach and competitiveness, posing a risk to the reputation of their brand. They required a robust and user-friendly platform to engage with their target audience effectively.

The Solution

I built a super-fast, responsive and scalable website showcasing Edinburgh Extensions' services and previous projects. It has clear navigation, a contact form, user-friendly features and employs effective SEO strategies.

The Result

Thanks to the website generating remarkable organic traffic and attaining top search engine rankings, Edinburgh Extensions has solidified its reputation and hammered out the recognition it truly deserves within the Home Improvement industry.

laptop mockup image
User Personas

The primary audience consists of local property owners, with a diverse age range, seeking renovations, extensions, conversions, and new builds. They value clear information, high-quality visuals of past projects, and a user-friendly website.

user persona image
user persona image
User Journey

To enhance the User Experience, the website required clear content, seamless navigation, trust-building elements, mobile optimisation, effective calls-to-action and communication tools.

User Journey image
Information Architecture

I organised the website’s content to create a clear and simple site map, ensuring that the website is easy to navigate.

Site Map
Prototyping

I crafted basic wireframes for each page to illustrate the placement of elements and how they function.

User Journey image
Montserrat

Headers

Source Sans Pro

Navigation / Text / Buttons

Easy Navigation

A mobile-friendly Navbar with a hamburger menu enhances the user experience by consolidating menu options in a visually efficient manner.

Informative And Usable Footer

Convenient and comprehensive, the footer features quick links to every page for effortless navigation, along with Edinburgh Extensions' contact details, and provides direct access to the user-friendly contact form.

Footer Image
Speed and Scalability

By combining Gatsby.js's static site generation, optimised asset delivery, and GraphQL-based data fetching within the JAMstack architecture, the website achieved exceptional scalability and speed through pre-built assets, global CDN distribution, and efficient resource usage, culminating in a superior user experience marked by rapid load times and heightened performance.

Gatsby Development Flow Image
Continuous Integration and Continuous Delivery

Establishing an efficient Continuous Integration and Continuous Deployment pipeline within the project automates testing and building procedures when code changes are pushed to the GitHub repository. Netlify then seamlessly deploys the validated updates, ensuring a smooth and error-free transition from development to production.

Continuous Deployment Image
SEO

Implemented SEO strategies to improve the website's visibility on search engines, thus making it more accessible to potential clients seeking home improvement services in Edinburgh.

Google Search Engine Results Screenshot
Responsiveness

Implemented responsive design principles to ensure the website functioned seamlessly on various devices and screen sizes. Prioritised mobile user experience with optimised layouts.

laptop, tablet and mobile mockup image
Mango Tango

primary
#FC832B
Midnight Blue

primary
#1C3168
Khardic Flesh

secondary
#B16941
White

secondary
#FFFFFF
Black

secondary
#000000

Contact Me

MATT HARLOS ©2026