NUMEROUS WEBSITES
NUMEROUS WEBSITES
Website design formed the foundation of my role at OnSolution and was where I developed many of the skills that shaped my later work with the company. Over time, I updated, maintained, and refreshed a large number of their websites, improving clarity, usability, and visual consistency as the business and its product range expanded.
By the end of my time at OnSolution, I had worked on 12 websites in varying capacities. This ranged from building entirely new sites, to fully refurbishing older ones, adding new sections and interactions, and regularly updating key pages as products evolved.
Not all of this work has been preserved some earlier sites were archived and later lost as new systems and offerings replaced them but the examples below represent the strongest remaining snapshots of my work. Any visible cuts or slices in the screenshots are artefacts caused by animations or moving elements during full-page screen captures.
Glow 2 Show was the first website I worked on at OnSolution and where I learned a great deal about animation, transitions, and interaction using Elementor Pro. At this early stage, I had a high level of creative freedom but limited understanding of performance and responsiveness. Heavy use of layered PNGs and complex animations led to slow load times and inconsistent behaviour across screen sizes, especially on mobile. This project became a major lesson. Through iteration, testing, and failure, I developed a better balance between visual interest and functionality.
Many of my favourite animations and even some custom-coded sections were eventually lost through updates, but the project remains an important stepping stone.
Visually, the site was designed to demonstrate a hand hygiene product that glowed under UV light. This led to a darker interface with bright accents.
Drawing on lessons from my web design studies, where i was told specifically to avoid harsh neon-on-black combinations I developed a more restrained palette based on the logo, to represent both the applied solution (often green) and the UV light used to reveal it (purple).
Glitterbug was the precursor to Glow 2 Show and featured a more restrained visual identity, built around a mostly translucent white product rather than bright colour. Its audience skewed toward environmental health officers, hospitality managers, and medical professionals, though it still attracted educators and carers.
When I was first asked to refresh the site, it was highly informational but lacked a strong visual identity or memorable structure. My goal was to introduce subtle animations, simple illustrations, a lighter colour palette, and custom-written copy to strike a balance between being welcoming and professional informative without feeling patronising.
My work on the LogTag site focused primarily on refreshing key pages, particularly the homepage and About Us section. Before each update, my manager and I spent time discussing the audience: who they were, how they worked, and what they needed from the product.
For LogTag, the core promise was simplicity making the necessary task of temperature logging easier and more reliable in medical and hospitality settings. This led to a clean, open layout inspired by Apple’s website design, specifically early-2010s product pages. The About Us page allowed more room for personality, where I used Photoshop to integrate the product into a more narrative-driven visual presentation.
Home Page
Apple Home Pages 2013 & 2015
About us pages
LTrace was a software system used within hospital CSSDs (Central Sterile Services Departments), responsible for tracking and maintaining surgical tools. Coming into this project with no prior knowledge of the system, I undertook extensive research, reading manuals and documentation to understand the workflow well enough to write accurate copy and structure the site meaningfully.
Because the target audience was information-focused, visuals took a secondary role to clarity and structure. However, I used layout and subtle animation to visually guide users through the tracking process, including a barcode motif that followed the reader down the page as they progressed through the content. This site is still a work in progress and has gone through a lot of iterations already.
As OnSolution’s collection of websites grew, many fell out of sync and were no longer being maintained consistently. To address this, I created a comprehensive website audit system that allowed us to assess our sites more strategically.
Using a simplified version of an existing multi-page audit checklist, I built a single, streamlined spreadsheet that highlighted strengths, weaknesses, and priorities across all sites. Knowing the tool would be used by others, I designed it to be clear, intentional, and easy to understand. The system proved effective enough that it was later shared with and used by other small businesses for their own website audits.
One of my favourite parts of designing webpages (and honestly, any content) has always been sneaking in small moments of delight, details that aren’t essential, but reward people who stumble across them. Little Easter eggs like that make a brand feel more human and considered, rather than purely functional.
A favourite example of this was the custom 404 pages I designed for OnSolution.