Design starts from your goals, not a template. I define the message, structure the pages, then craft a visual language, from type scale to motion, that feels like your business.

• Sitemap and wireframes
• Type, colour and spacing system
• Responsive layouts for every screen
• Designed in the browser, so approved means shipped

Hand-written HTML, CSS and JavaScript: lean, fast and easy to maintain. JavaScript is used where it earns its place, and pages work without it where they should.

• Semantic, accessible markup
• Modern CSS, no heavy frameworks
• Forms and lightweight integrations
• Hosting friendly: GitHub Pages, Cloudflare and more

Already have a dated or underperforming site? I audit what exists, keep what works, such as content and search equity, and rebuild what doesn't.

• Content, design and technical audit
• URL and redirect mapping
• Improved structure and conversion paths
• Staged launch with before-and-after checks

Technical and on-page SEO built into every project. Honest work, no guaranteed-rank promises.

• Keyword and intent research
• Titles, descriptions, heading structure
• Sitemap, robots.txt, canonicals
• Structured data (JSON-LD) and local SEO

Speed affects rankings, conversions and how your brand feels. I tune for Core Web Vitals so pages feel instant, even on slow phones.

• Image and font optimisation
• JavaScript and CSS budgets
• Lazy loading and caching
• Lighthouse and real-device testing

A site everyone can use is a better site for everyone. Accessibility is part of the build, guided by WCAG principles.

• Keyboard navigation and focus states
• Colour contrast and readable type
• Meaningful alt text and labels
• Reduced-motion and sound-off defaults

When a brand deserves to be remembered: WebGL scenes, scroll storytelling, shader effects, generative audio and even playable games, always with fast fallbacks.

• Three.js hero scenes and walkable worlds
• Scroll-linked animation and transitions
• Optional generative sound that reacts to the page
• Adaptive quality and graceful fallbacks

Domain, DNS, HTTPS, analytics and Search Console set up properly, then simple ongoing care so the site stays fast, secure and current.

• Domain and DNS configuration
• HTTPS, redirects, sitemap, robots
• Analytics and Search Console
• Updates and small edits

Technical fixes can show effects within weeks, but meaningful ranking growth usually takes months and depends on competition, content and authority.

Not if it's planned. A redirect map, preserved content and a launch checklist protect the visibility you already have.

It can be if it slows the page or hides content. I keep real content in HTML, load 3D lazily and always provide a fast fallback.

A page that paints in under 2.5 seconds feels confident. Heavy hero videos, unoptimised images and blocking scripts quietly tax every visitor. I set a performance budget before design begins and treat it like a constraint on typography or colour.

• Budget fonts, images and scripts first
• Use modern image formats
• Defer everything below the fold
• Test on a mid-range phone

Most weak designs are really weak typography. A modular scale with fluid clamp() sizes keeps hierarchy consistent from phone to ultrawide, and wide tracking on small caps labels adds the editorial feel.

• Pick 5–6 sizes and stick to them
• Tight tracking on big headings, wide on labels
• Keep lines to 55–70 characters
• One display face, one text face, one mono accent

Near-black backgrounds make light feel precious. One hot accent pair (here ember red and amber) carries the energy, and everything else stays neutral. Contrast is checked, not assumed.

• Limit the palette to one accent pair
• Check contrast ratios on every text colour
• Use colour to guide attention, not decorate
• Offer theme choices without breaking the system

Animation should explain, guide or reward. Entrances establish order, transitions preserve context, hover states confirm interactivity. And everything respects reduced-motion settings.

• Never animate everything at once
• Keep durations and easing consistent
• Animate transforms and opacity only
• Provide a calm alternative

WebGL can transform a brand, but it can also wreck performance. I load Three.js lazily, scale resolution and particle counts to the device, pause rendering when it's covered and always ship a static fallback.

• Lazy-load the 3D library
• Scale quality in real time
• Keep real content in HTML
• Handle WebGL failure gracefully

Sound can add atmosphere, but only when invited. It stays off by default, remembers the visitor's choice and, on this site, is generated live in the browser, reacting to how you scroll. No licensed audio, no downloads.

• Never autoplay
• Always show a visible toggle and volume
• Fade in and out smoothly
• Tie sound to interaction, not noise

Before any visual polish, a page needs one H1, a unique title, a real description, semantic landmarks, structured data and fast loading. Search engines read structure. People feel speed.

• One H1 and a logical heading order
• Unique title and description per page
• JSON-LD that matches visible content
• Fast, stable, mobile-first layouts