Skip to content
TPHILAUTIA logo
TPHILAUTIA Creative Studio
Modern industrial manufacturing workshop with CNC machines and metalworking tools
PROJECT 03/ 07
Website · UX/UI · Digital Experience

London PVD Coating

A professional digital experience designed to communicate technical services, products and brand value with clarity, credibility and a modern visual language.

Scroll or swipe to continue

Project Information

Role, scope and tools

Role: Product DesignerScope: UX · UI · Development
ReactNode.jsCustom Database
Client
London PVD Coating
Industry
Industrial Surface Coating
Role
Product Designer
Scope
UX · UI · Development
Technology
React · Node.js · Custom Database
Deliverables
UX Strategy, UI Design, Responsive Website
01 · Project Overview

A clearer digital presence for a specialist coating business

London PVD Coating needed a website that could make a highly technical service feel clear, credible and easy to explore. The experience was designed to introduce coating expertise, explain applications and guide prospective clients towards an enquiry.

Project Context
London PVD Coating complete website design, laid out across desktop and mobile views in a single design file
The complete website design on a single canvas — desktop and mobile views shaped together from the same source.
02 · Project Challenge

Turning technical capability into a confident customer journey

The challenge was to present specialist PVD coating services without overwhelming visitors with technical language. The structure needed to build trust quickly, explain the value of the service and make the next step obvious.

Desktop Homepage
London PVD Coating desktop homepage with welcome message and a clear enquiry prompt
The desktop homepage introduces the business and the enquiry focus immediately.
03 · Design Approach

Information designed around the decision journey

The website moves visitors from introduction to understanding, then into services, applications and enquiry. Content hierarchy, focused calls to action and industrial imagery were used to make the service feel established and accessible.

Full-width industrial banner for London PVD Coating

A full-width industrial banner carrying the dark, technical visual direction.

04 · UX / UI Process

Experience priorities

Information architecture
Service and application hierarchy
Responsive interface design
Visual direction and content presentation
Enquiry-focused calls to action
05 · Visual Design

Industrial clarity with a refined finish

A dark, technical visual direction was balanced with restrained gold accents, generous spacing and high-quality imagery. The result feels credible for an industrial audience while remaining polished and approachable.

Final Homepage · Long Form
London PVD Coating homepage in a long-form portrait composition with welcome text and call to action
The complete homepage in a long-form composition — from welcome message to enquiry.
06 · Project Outcome

A clearer route from expertise to enquiry

The completed experience gives London PVD Coating a more confident digital presence: technical capability is easier to understand, services are easier to explore and visitors have a clearer path towards contact.

Mobile Contact Screen
London PVD Coating mobile contact page with contact form and Get in touch with us heading
A focused, enquiry-first contact screen, readable at a glance on mobile.
07 · Additional Screens

Every key view, at full scale

The remaining views — the full desktop homepage, supporting content sections and the navigation strip — shown in full, without cropping.

Desktop Homepage · Full Screenshot
London PVD Coating complete desktop homepage screenshot showing the services and enquiry sections
The complete desktop homepage — welcome message, services overview and the enquiry path, in one continuous view.
Content Section
London PVD Coating content section screenshot presenting services and supporting copy
A supporting content view shaped around the reading rhythm of the page.
Content Detail
London PVD Coating content detail screenshot with structured headings and imagery
Detail content presented with structured headings and focused imagery.
UI Navigation Strip
London PVD Coating tall navigation UI strip screenshot
The navigation strip — the consistent wayfinding element carried through the experience.
08 · Project Photography

The industry, behind the design

The photography used across the experience from the coating workshop itself.

Project Photography
Photograph of an industrial PVD coating workshop with machinery
Industrial workshop photography used to ground the experience in the coating environment.
Project Photography
Photograph of the PVD coating process in the workshop
Process photography that supports the technical, industrial visual direction.
Project Photography
Photograph of metal surfaces and finishing equipment in the workshop
Surface and finishing photography adding texture to the industrial palette.
Project Photography
Detail photograph of the coating process in the workshop
A closer detail view captured during the coating process.
Have a project in mind?

Need a website that makes a complex service feel simple?

Let's create a focused digital experience that builds confidence and turns interest into meaningful enquiries.

Start a project
Thank you

Explore this project

A detailed write-up of this project is available on request.

View All Projects →
← PreviousSharafina's KitchenNext →Philautia West Croydon