Web Design & DevelopmentSecurity · 2021
Security Focus
A professional WordPress website for a security systems company, featuring an instant quote calculator with custom pricing and invoice generation.
Visit live siteDesigns
Ten views of the build
Key features
What went into the work
Responsive WordPress website for mobile, tablet and desktop.
Dedicated service pages for each security system.
Instant quote calculator based on property type and equipment requirements.
Custom pricing rules for cameras, sensors and other selected options.
Automated itemised quote and invoice generation.
Clear layouts for explaining technical security services.
Redesigned website to replace the previous manual site.
SEO-optimised page structure and service content.
Technology used
Tools & technology
- WordPressWordPress is a content management system that lets site owners edit pages and posts without writing code.
The project
Project overview
Security Focus needed a modern website to replace its outdated manual site and make it easier for customers to understand its services and request pricing online.
The new WordPress website provides clear, responsive service pages for intruder alarms, fire alarms, CCTV, access control and door entry systems. Each service has its own dedicated page with detailed information, helping visitors find the right solution and understand what Security Focus provides.
A key feature is the instant quote calculator. Visitors can select details such as the type of property, number of cameras and number of sensors, with the calculator applying the relevant pricing rules automatically. The system then generates an itemised quote and invoice, giving customers a quicker way to understand the likely cost of their requirements.
The result is a cleaner, easier-to-use security systems website that works across mobile, tablet and desktop while reducing the need for manual quotation work.
Design and structure
How the site is put together
The numbers, colours and type behind Security Focus.The numbers, colours, type and page map behind Security Focus.
- 58
- pages
- 5
- page types
- 20
- shop pages
Colour palette
- #2635E9
Signal blue
Buttons and links
- #0A1220
Midnight
Dark sections
- #0F1B2D
Navy
Headings
- #F4F6F9
Canvas
Page background
- #F8FAFC
Mist
Cards and text on dark
Typography
Space Grotesk
Headings
Business and residential security
Medium to Bold
Manrope
Body text
Book a free site survey.
Regular to Bold
Page map
Every page grouped by what it is for. Read it from the left: the home page, then each section it leads to, then the pages inside that section. The colour shows the page type.
Home
Home
Business security
Products
13 pages
inside Business security
Residential security
Products
6 pages
inside Residential security
Shop
Products
20 pages
inside Shop
Instant quote
Enquire
Contact
Enquire
About us
Company
Blog
Advice
10 articles
inside Blog
Privacy policy
Legal
Taken from the live site, October 2026
What Security Focus said
“Working with Suley has been great! Not only did the work delivered match our requirements but it was also of an extremely high standard.”
Enjoyed this project? Let's create yours.
Tell me about your project and I'll come back with an honest recommendation, timeline and price.
Start a project