John Slater – UX Designer

EKM measured our checkout overhaul at an average 38% conversion rate increase – from 13% up to 63%.

I packaged my UX rules, my writing voice and my illustration style as Claude Code skills – so agentic coding on my projects works to my standards, not the model’s defaults.

I built a free web app that plans Pokémon TCG binder layouts, tracks your collection and prints A4 binder pages – wrapped in an original Game Boy aesthetic.

You can’t fully automate accessibility testing.

Learn how to properly use the placeholder attribute, avoid creating accessibility issues and ultimately assist your users when using your forms.

How I made reporting a repair through MyAccount at THT (now L&Q) much easier – customer workshops, prototypes and user testing.

Making changes to navigation at Trafford Housing Trust (now L&Q) to improve user engagement with important content and reduce the number of telephone queries.

How we redesigned Laurus (now L&Q) development pages around what home buyers actually need, so the same ad traffic generates more leads.

I built my very own DIY light up The Killers sign using power tools, wood, LEDs and some Arduino magic.

Designing a guided setup wizard for EKM’s Facebook Messenger widget, walking shop owners through off-site Facebook settings with visual cues.

A self-initiated redesign of the EKM Customers & Orders iOS app – daily revenue, order lists and customer details on mobile, designed in Sketch.

How I designed the EKM onboarding wizard with Klarna – profiling new shop owners to tailor their setup and route them to the right payment gateway.

Learn how to accept numerical inputs using the correct input type.

How my team and I cut the EKM checkout from nine fields to four, reducing time-to-checkout and lifting conversion across thousands of online shops.

Add a free address lookup script to your website to reduce the number of address fields you need to display to the customer.

Make your forms more accessible and the user experience more delightful by ridding yourself of bad habits when using the label element.

Up your form game and stop frustrating your users.

Download a free collection of 50 credit card and payment logo icons in SVG and PNG, covering Visa, Mastercard, Amazon, American Express, PayPal and Klarna.

Learn step-by-step how to setup a blog on the fastest publishing platform around, Ghost.

Second part of my tutorial on creating multiple ghost blogs on a single digital ocean droplet for only $5 per month.

How, as an agile squad, I helped build the EKM Analytics feature guided by user feedback and insights.

How my team removed two friction points for returning EKM customers – part of the checkout work that lifted conversion by up to 63%.