2024 - 2025
2024 - 2025
UX Improvements for Solarpanels.ie
As the website's content library expanded, browsing became increasingly difficult for users. This project introduced an interactive filtering and search interface built with HTML, CSS, and JavaScript.
The solution enhances navigation, streamlines discovery, and introduces subtle editorial control - all built with responsive, front-end code.
The experience is fast, reload-free, and scalable, allowing users to quickly locate relevant information while giving the content team lightweight control over how content is presented.
Interaction Designer
Front-end Developer
HTML
CSS
JavaScript
Figma
Visual Studio Code
Joomla
November 2024 to January 2025
As the content library expanded, users struggled to locate relevant articles, often leaving the site before finding what they needed. At the same time, the content team had no lightweight way to highlight key resources without relying on backend or CMS changes. Without intervention, the site risked higher bounce rates, lower engagement, and missed opportunities for conversions.
To better understand why users were struggling to find content, I started by gathering UX insights. I conducted a competitive analysis of both large, well-established comparison sites and smaller niche players. The big players showed me how dominant sites structured their libraries and surfaced key resources, while the niche sites revealed creative ways to guide users without heavy technical overhead. This gave me a benchmark for where Solarpanels.ie was falling short, and inspiration for lightweight improvements.
I also ran heatmap analysis on the site using Microsoft Clarity. This was crucial because I wanted to see exactly where users were dropping off and how far they scrolled before giving up. By identifying the “fold” where attention waned, I could pinpoint where important resources needed to be placed.
Competitors surfaced key resources clearly; using different methods.
Heatmaps showed users stopped scrolling past the fold, missing articles.
After identifying the friction points, I kicked off ideation with a remote brainstorming session on Google Meet that brought together content teams from different countries. With ideas flowing, we needed a way to cut through the noise and agree on priorities.
I facilitated a MoSCoW prioritisation workshop, which helped the team distinguish between must-haves (filter tags, clear categories, interactivity), should-haves (responsive design improvements), could-haves (search function, featured buttons, highlighted reel), and won’t-haves (backend-heavy solutions we couldn’t support).
To make sense of the library’s growing sprawl, we moved into a card-sorting exercise on FigJam, collaboratively grouping articles into categories that actually reflected how users search for information.
I began in Visual Studio Code, developing an article category tagging system that automatically organised content collections based on their <h2> tags. This gave structure to the growing library without requiring backend changes. Once that foundation was in place, I built a filter bar that dynamically returned articles matching user inputs. To make search more flexible, I added data-keywords to each article, so users could find content through relevant terms, not just exact titles.
When testing the changes, I used heatmap analysis to see how users navigated. The updated layout improved clarity where users focused on the comparison tools instead of scattering clicks across the page. Interestingly, there were fewer clicks on About Us. I interpreted this as a positive signal, because we added stronger trust indicators (badges, reviews, warranties), users didn’t feel the need to double-check the site’s legitimacy.
Engagement with the main form also increased. Users not only noticed it more but were more willing to start filling it out. This showed that the combination of clearer information architecture and embedded trust signals made the experience more intuitive and credible, ultimately guiding users toward the main conversion goal.
Research insights shaped the core solution: a searchable, categorised content library for Solarpanels.ie, making it easier for users to find articles and reducing frustration and drop-offs. These improvements quickly scaled to Evchargers.ie and inspired a front-end search feature on Estateagent.ie.
Additional enhancements from the MoSCoW prioritisation, such as featured and popular article badges, helped guide user attention toward key content. Finally, empathy mapping highlighted the importance of trust for high-investment decisions. A verification badge for SEAI-qualified partners was added, giving users greater peace of mind and strengthening brand credibility.
The value of grounding design in real user data and how lightweight, front-end solutions can deliver big impact without backend changes.
Stronger front-end coding (HTML, CSS, JavaScript), UX research, and facilitation skills through remote workshops and prioritisation activities.
Bring in user testing earlier, design with scalability in mind (particularly for content teams with limited coding skills), and balance analytics with more direct user feedback.