Hello 👋

This was a bespoke 3D visualisation tool I built for a shutter business, upgrading a previous version that had been made with basic HTML, CSS, and vanilla JavaScript. I rebuilt the system using Three.js to take full advantage of WebGL and GPU acceleration, resulting in a smoother and more responsive rendering engine that could update in real time. The tool lets users configure a 3D model of a window shutter based on their own specs, including colours, materials, textures, and animations like opening and closing. It was build with modularity in mind, and I wrote full documentation to make sure it could be picked up easily after handover.

This was the first version of a bespoke online shutter ordering wizard, built with Vue.js, Blade, JavaScript, HTML, and CSS. The tool walked users through a dynamic form that updated in real time to show relevant options based on their choices. At the end, it generated a static 3D render of the shutter using the input data. It laid the groundwork for the later version of the tool, which I rebuilt using Three.js and WebGL to support real-time rendering and better interactivity across the board.

This project was nominated for both a Digital Entrepreneur Award and The Drum Award for the Digital Industries

I was the front-end developer on this 3D panoramic farm project, built as a single-page app using Vue.js, Vue Router, and a Laravel backend. The aim was to create an immersive online space during the pandemic, offering a more engaging alternative to traditional event sites. We used A-Frame JS to build an interactive AR-style farm where users could click around different areas to explore content such as, videos, image galleries, and PDFs.

Built during the pandemic as part of an online event platform, this was a fun, interactive farm map designed to keep things engaging while physical events were off the table. I was the lead front-end dev on the project, working with Vue.js and Vue Router to create a cartoony, video game-style experience. Visitors could explore the map by clicking on hotspots like a windmill or barn, each leading to different types of content such as PDFs, videos, and image galleries. We added mini-games like whack-a-mole and a crate-opening mechanic inspired by video game loot systems.

This project was also built during the pandemic as part of an online event platform. I was the lead front-end dev on the project, working with Vue.js and Vue Router to create an engaging online experience using a creative art-style map. Visitors could explore the map by clicking on hotspots, each leading to different types of content such as PDFs, videos, and image galleries.

An interactive event-based cocktail game built to increase engagement and provide an on-site interactive activity for a conference. The game allowed participants, using around 8 to 10 iPads placed on tables, to collaboratively create custom cocktails by selecting glassware, ingredients, and garnishes. These choices were sent in real time to the event bar via websockets, where the drinks were prepared and served. Guests could then vote for their favourite cocktails. The winning creation was revealed live on a stage screen by the compère. The project was built with Vue.js, WebSockets, HTML, CSS, and Blade templates. The user interface included an animated logo and playful, suspenseful elements during the results reveal to enhance engagement and entertainment.

A custom Shopify store for a refurbished tech retailer, replacing their old eBay storefront with something more polished and functional. The new site included product filtering by category and brand, allowing clear product categorisation to help customers understand what they were buying. I was the lead front-end developer on the project, collaborating with project managers and a back-end developer who handled the eBay inventory integration. The build used Shopify Liquid, JavaScript, Alpine.js, and Tailwind CSS, with a fully custom front-end design. Moving to a standalone site with its own domain gave the client much more control over the design, layout, and user journey. It was a big step up in terms of user experience and brand presence.

A custom WordPress site for Support Adoption For Pets, the charity arm of Pets at Home. The site needed to showcase charity info, blog updates, and member highlights in a clear and engaging way. Key features included an interactive store locator using the Google Maps API, a donation form with PayPal and Gift Aid integration, and a weekly lottery feature to help with fundraising. The site was developed using a fully custom WordPress theme, built with PHP, JavaScript, HTML, and CSS.

A custom WordPress site for Greatwell Homes, a housing association. The site was designed to be practical and easy to use, with pages covering council services, blog updates, downloadable documents, and integrated forms for residents. It was built from the ground up using a fully custom WordPress theme with PHP, JavaScript, HTML, and CSS.