Website
Competitive Analysis
I analyzed top performing plumber service sites based in biggest cities in europe. Checked for clarity, service offer and pricing models. I also scanned for reacurring positive and negative patterns on websites. There are few chosen ones
Sansystemkielce.pl
Pros
Clear service categories
Local contact information
Multimedia elements
Cons
Limited social proof
Minimal conversion opportunities
SEO & Accesibility
No evidence of multilingual support or accessibility features (e.g. alt text, ARIA roles).
The page structure appears simple and likely lacks SEO optimizations like keyword-rich headings, schema markup, or rich content.
TheItalianPlumber.co.uk
Pros
Clear geographic focus
Blog/advice content
Personal touch
Cons
Conversion hooks modest
Lacks social proof
Variable course quality
SEO & Accesibility
A blog indicates some content strategy for SEO.
Without seeing technical code, we can’t assess alt tags, header structure, or accessibility features.
Pimlicoplumbers.com
Pros
12-month workmanship guarantee
24/7 availability, emergency services, 1‑hour response promise
Blog, updates, how-to content
Cons
The navigation is comprehensive but could be overwhelming
Pricing clarity scope
SEO & Accesibility
Likely strong SEO with broad content, service pages, blog updates, structured menus.
Trust badges and location-based content improve local SEO.
Accessibility cannot be fully assessed without inspecting markup, but likely better than competitors due to scale.
Personas
Based on previous reasearch and ones i could find in internet on the topic, i created 3 personas to cover big range of possible clients and they problems.
Low-fidelity UI
I prepared low fidelity version of the main website based on the research i concluded before
High-Fidelity UI Design
Once the initial flow was complete, I started by creating a couple of the main screens of the website. I started by defining the fonts and colors.
Color palette
Accent, primary, secondary, tertiary, background
Font
Russo One
Regular
Open Sans
Regular, Medium
Website prototype built in Framer
After creating all the screens i connected them into a clickable website and added motion design using framer. It can be viewed under this [LINK]
Responsive design
After testing the desktop prototype, I designed a responsive mobile version. Sections were edited to made it more suitable for tablet and mobile versions.
Project summary
During a project i managed to evaluate the market, create potential user personas, do a quick user survey, perform an small usability study, create a set of high fidelity UI with prototype and make whole website responsive.