When it came time to rebuild the Fentech website, I had one goal: show what a modern website can actually do. Looking good on a laptop screen isn't enough. It has to work properly on every device and for every visitor. This is a walkthrough of the decisions I made, the techniques I used, and why they matter for any business website in 2026.
The fundamental decision: static HTML over WordPress
The existing site ran on WordPress, like most small business websites. WordPress is perfectly capable, but it carries overhead most sites don't need: a database, PHP running on every page load, plugins that need constant maintenance, and more attack surface to keep patched. Fentech's site is a marketing and conversion tool, not a dynamic application. For a site like that, those overheads are pure cost with no benefit.
The new site is pure HTML, CSS and JavaScript. No database, no server-side processing, no plugin updates. A visitor's browser downloads the files and renders them locally, which is about as fast as a page can physically be. On Bluehost's shared hosting, it loads in under 400ms globally. That matters because Google uses page speed as a ranking signal, and because people really do leave slow sites.
The design language: dark, technical, character-driven
The brief was to build something that would serve as both a marketing site and a demonstration of capability. If Fentech builds websites, the Fentech website needs to be the most impressive website any potential client has seen. That meant going beyond the standard "hero image, three service cards, contact form" template that saturates the local business website market.
The look came from developer tools, terminal screens and technical dashboards: dark backgrounds, monospace type, cyan accents, faint grid overlays. That was deliberate. It signals technical competence in a way a generic WordPress theme can't. When an IT director or business owner lands here, they should know straight away that whoever built it knows what they're doing.
Typography
Two typefaces: Syne for display headings (geometric, modern, high personality) and JetBrains Mono for code-adjacent bits of the interface like labels, tags, the chatbot and the terminal sections. Together they feel premium and technical at the same time. Both are free from Google Fonts.
The technical stack in detail
No frameworks, no build tools, no Node.js, no npm. The entire site builds in zero seconds because there's nothing to build. Every file is ready to go as it is. Drag it onto a web server and it works. I did that on purpose, because a site with nothing to build has less to break and should keep working for years.
The animated network hero
The homepage hero uses an HTML5 Canvas with a particle network drawn at 60fps using the Web Animation API. Hundreds of nodes float across the canvas, drawing connection lines between any two that come within 130 pixels of each other. When you move your mouse, a magnetic effect pulls the nearest nodes toward the cursor and draws green connections to it.
It's pure maths. Each node has an (x, y) position and a (vx, vy) velocity. Each frame, positions update, a distance calculation determines which pairs to connect, and the canvas redraws. The whole thing runs in about 40 lines of JavaScript and uses roughly 2% CPU on a modern device.
The IT Support landing page uses the same canvas code in amber (orange) to match that page's accent colour. Write a component properly once and you can reuse it with very little effort.
The glitch effect and text scramble
The "Fentech" wordmark in the hero glitches now and then. For a fraction of a second the RGB channels split and the word looks like it's malfunctioning. It's done with CSS `::before` and `::after` pseudo-elements containing `attr(data-text)`. They clone the text, clip it into horizontal strips and offset it by 2px in opposite directions on a timer.
The scramble effect on the subtitle cycles through phrases by rapidly randomising characters and then "resolving" them left-to-right, like a decryption animation. Both effects fire on a loop with enough downtime between cycles that they feel like glitches rather than constant noise.
AI integration: the Finn chatbot
The most unusual feature is Finn, the AI assistant built into every page. Finn runs on Claude from Anthropic and knows everything about Fentech: services, pricing, locations, the repair process and payment methods. When someone asks "do you fix Samsung screens?" at 11pm, Finn answers accurately and encourages them to get in touch.
The important part is that the AI API key never appears in the browser. A Cloudflare Worker (a serverless function running at the network edge) sits in the middle as a proxy. The site sends the message to the Worker, the Worker adds the API key, forwards it to Anthropic and passes back the response. Visitors cannot extract the key even by inspecting the source. The entire cost of running this for a typical small business chatbot is under €3 per month.
Eight languages in 409 lines
The site translates itself into eight languages: English, Irish, Polish, French, Spanish, Romanian, Portuguese and Lithuanian. These cover the most widely spoken languages among people living in Ireland according to the CSO. The translation system works by scanning the DOM for known text strings and replacing them with translated equivalents. It all happens in the browser, with no server and no API calls.
The language preference persists across page loads using localStorage. When you select Polish, every page you navigate to is immediately rendered in Polish. The selection is remembered until you change it again.
Full accessibility compliance
The site meets WCAG 2.1 AA standards. This includes: a skip-to-content link (the first tab stop on every page), proper ARIA roles and labels on all interactive elements, focus-visible outlines on all keyboard-navigable elements, reduced-motion support (all animations disable if the OS requests it), high-contrast mode support, and screen reader announcements for dynamic changes like language switching and form validation.
A local business serves the whole community, including people with visual or motor impairments, so I don't treat accessibility as optional. It's also been a Google ranking signal since 2020.
The numbers
What this means for your business website
Every technique used on this site is available to any business. The particle canvas, the language switcher, the AI chatbot, the interactive repair estimator, the animated counters, the diagnostic decision tree on the repairs page. None of it needs expensive tools or a big development team. It needs someone who knows what they want to build and builds it properly.
Most small business websites in Ireland are built with a template, a generic theme, and a handful of stock photos. They look fine. They work. But they don't stand out, and visitors forget them, along with the business behind them.
The question I asked at every stage of building this site was: if this was the first website a potential client visited when searching for IT support or web design in Roscommon, would it make them want to call? Everything you see is the answer to that question.
Want something like this for your business?
Fentech builds custom websites for Irish businesses. I don't use templates or page builders. Each site is made by hand around your business, with one job: turning visitors into clients. If you've read this far and liked what you saw, get in touch and we'll talk about what I can build for you.
