Our service website already ranks well in search, yet visitors still bounce because the pages look static and the inquiry path feels clunky. I want to give the site a visual and experiential lift without disrupting the existing HTML/CSS/JS foundation or the small PHP contact module that handles form submissions. The priority is visuals and layout. I’m after a minimalistic, clean aesthetic that feels confident and human-centred. Think: authentic team photography (once my photographer delivers files), subtle micro-interactions on key CTAs, and a clear 8 px rhythm that brings order to every section. Key element to nail • A service-area map that gently animates on scroll or hover so prospects instantly see where we operate. Additional requirements • Respect my established colour palette and typefaces, then evolve them into a living style guide I can share with future collaborators. • Define accessible focus states and hover treatments so keyboard and screen-reader users enjoy the same polished experience. • Keep all SEO-critical markup intact; no drastic HTML restructuring. • Deliver updated, well-commented CSS/JS (or SCSS/TS if you prefer) plus any imagery or SVG assets. Acceptable hand-off 1. Figma (or equivalent) mock-ups for each page you touch, labelled to match the code. 2. A compiled style-guide page inside the site showing colours, type scale, buttons, icon rules, spacing system, and the animated map pattern. 3. Optimised code snippets ready to merge, tested in the latest Chrome, Safari, Edge, and an evergreen Firefox release.