Arrow Electricals – UI and UX Case Study
The challenge
Arrow Electricals had relied on its website for years, but it no longer gave customers the smooth experience they expected. The design felt outdated, navigation could be clunky and crowded pages made it harder to find the right information quickly. For some visitors, accessibility was also a challenge, creating unnecessary frustration. All of this meant fewer confident clicks, fewer conversions and a digital presence that didn’t match the brand’s innovative spirit.
Time for change
It was the right moment to reimagine the site:
01. Competition was heating up : Rivals were setting new standards for usability and design
02. Customers were raising concerns: Navigation and checkout needed to feel easier and more reliable.
03. The brand was evolving: Arrow Electricals was updating its identity and the site had to match this momentum.
04. The business was growing: With new product lines the old structure simply couldn’t showcase the range effectively
A simple facelift wasn’t enough. By investing in expert UI and UX design services, the aim was to create a site that felt fresh, accessible and effortless to use – a platform built to delight customers and support long-term growth.
The goals
The redesign aimed to create a website that put customers first while showcasing the energy of the Arrow Electricals brand. Through our UI and UX design services, the focus was on delivering a platform that felt modern, easy to use and ready to support growth.
What we set out to achieve
Seamless mobile experience
With most visitors browsing on their phones, the new site needed to be fast, intuitive and consistent on every device
Higher conversions
a smoother journey with clear calls-to-action encouraged visitors to move from browsing to buying with confidence
Elevated brand presence
a refined design gave Arrow Electricals a premium, aspirational feel while staying warm and approachable
Simplified navigation
a clearer structure made it easy to find the right information, explore more content and enjoy a longer visit
The process
Our approach was designed to deliver maximum impact without unnecessary complexity. Every step was centred on what would make the biggest difference for customers while supporting Arrow Electricals’ business goals. By combining UX best practice with an iterative design approach, we ensured the client stayed closely involved and every decision added real value.
UX analysis
We started by taking a deep dive into both desktop and mobile journeys. This uncovered hidden frustrations, such as unclear pathways and moments of friction that slowed customers down. By mapping these experiences, we showed how even small changes could transform confidence and ease of use. Our insights drew on trusted Nielsen Norman Group research as well as proven e-commerce best practice, bringing together industry expertise with the brand’s unique needs.
Competitor research
Next, we turned outward. Analysing leading e-commerce and lighting websites revealed what was resonating with customers right now – from clean layouts to streamlined checkouts and modern visual cues. This gave us a clear picture of where Arrow Electricals could outshine competitors. The goal was a sweet spot: a premium look and feel balanced with the kind of everyday usability that keeps people coming back.
High-fidelity design
With the insights in hand, we moved into design exploration. Multiple homepage variations gave the client space to see, compare and refine different directions. These prototypes weren’t just visuals – they were working ideas that sparked discussion and helped clarify the vision. Once the direction was chosen, we rolled it out across key pages, holding regular review sessions to stay aligned with both customer expectations and the client’s ambitions. The result was a cohesive design system shaped by collaboration and powered by our UI and UX design services.
Before & AFter UX and UI Implementation
