John Slater

UI & UX Designer

I am currently the Lead User Interface Designer at EKM, the UK’s largest ecommerce provider, where I’m responsible for the overall ease of use and consistency of all product design.

I have 8 years of commercial experience as a web designer and have spent countless years working freelance and working on side projects before that.

In my spare time I work on various side projects including iFestival App which is an unofficial social app I created for V Festival. The app has amassed over 26,000 registered users in the 3 year It’s been running.

My passion is primarily with User Interface and User Experience design for desktop, mobile and tablet. I’m looking to work with great companies working on exciting projects. Whether you’re a startup looking to build out your early team or an established company that is investing more in product design I’d love to hear from you.

You can see some examples of my work at EKM and on my personal projects in my temporary Dropbox portfolio.

11+ Years Commercial Experience

  • EKM
    June 2008 - January 2019 (10+ years)
    Lead UI Designer
    January 2013 - Present

    As the lead user interface designer for EKM I’m responsible for ensuring all product design remains consistent, usable and intuative.

    Web Designer
    June 2008 - November 2013

    I spent my early days at EKM as a customer facing web designer working on commisioned design work for shop owners. This allowed me to gain valuable skills in eCommerce design, usability and conversion rate optimisation.

  • Kahn Design
    June 2007 - June 2008 (1 year)
    Web Designer
    June 2008 - November 2013

    During my part time education I worked for Kahn Design a bespoke car manufacturer. I was responsible for the design, development and maintainence of the in-house websites.

Education & Qualifications

  • Blackburn College
    June 2014 - July 2014
    First Aid In The Workplace
    Qualified Until 2017

    I’m fully qualified in workplace first aid and emergency first aid until 2017.

  • Craven College
    August 2005 - July 2009
    HND General Computing (Pass)
    2007 - 2009

    While I worked in the industry I enrolled on the HND course to further development the skills I’d learnt on my A-Level course. The course allowed me to further understand best programming practices, database infrastructure and my skills in PHP.

    Double A-Level in ICT (AB)
    2005 - 2007

    This course allowed me to expand what i already knew about computing and was the deciding factor in moving into the web design and web development industry.

Side Projects

  • Casi Countdown iOS App
    2015 - Present

    As a small side projects I decided to tackle the obsession with countdown apps. These are simple apps that show you how far away a specific date is and sends you occasional reminders. The popularity of this type of act and the reminder of simply how ugly the majority of these apps are prompted me to create a better product.

    As a simple project i decided to strip back the app to the very core. A simple app where you enter dates to events in your life and in return you get a visual countdown to that date (months, days, minutes, secs) as well as frequent notifications at milestones.

  • iFestival iOS App
    2013 - 2016

    I created the original version of iFestival in 2010 when i began learning iOS development in Objective-C. In 2013 i completely rewrote the entire app and backend API (PHP) to turn the product into a place where other festival goers could meet, chat and share photos.

    In the last 3 years the app has increased to over 26,000 registered users and has been responsible for creating some great friendships amongst users both during and after the festival.

  • SayWha! iOS Music Quiz Game
    2011

    The idea of creating a game always interested me from a young age and as i began to development my skills in iOS development I saw the opportunity to create a small game. SayWha! was a music quiz app i created around my love for music. Users simply answered music multiple choice questions, the quicker you answered the more points you got. You name and Facebook profile photo appeared on a timeline so you could compete against strangers.

    I stopped pursuing the idea after the initial release as i began to focus my efforts on iFestival App.

  • Beach Club iOS App
    2015 - 2016

    In 2015 I started working with package holiday and events company Feel Summer to create the most unique experience for people traveling to Magaluf. The Beach Club app allows holidaymakers to track what events are taking place while they're on holiday. As well as this holidaymakers can buy tickets to the events at exclusive prices offered nowhere else in the resort.

    As well as the core events based product the Beach Club app also integrates new hardware technology to bridge the gap between the real and digital world. With iBeacon technology event venues and bars can directly market to customers as they pass by the entrance. The technology allows for real-time location-aware marketing and a unique and highly targeted advertising channel for venues.

    Imagine you walk past a bar on your night out and instead of promoters dragging you into bars you get a notification on your phone offering you buy one get one free on drinks all night. That’s what Beach Club does with iBeacons.

  • Barry Framework
    2015 - Present

    At EKM I’ve learned the tremendous value in having an easy to implement HTML and CSS framework both for small and large projects. The UIFW, a project I created and maintained at EKM, allowed developers to integrate full user interface elements without needing to write any CSS.

    The Barry Framework is the next iteration of that work. Barry allows you to easily create a website or user interface without writing much, if any at all, CSS. Simply include the CSS file reference in your build process and use the correct markup and you have structure, consistent elements and lightweight reusable code.

  • Barry Build Boilerplate
    2015 - Present

    Since learning about build processes and how useful they truly are I decided to build a simple build process for HTML, CSS and Javascript projects.

    The Barry Build Boilerplate is a simple drop-in build process for compiling SASS/LESS, minifying javascript and optimising images. I use it for all of my projects as a base and then build on top of it to meet my requirements.

  • Payment Logos
    2015 - Present

    During my work on the EKM Optimal Checkout project we required consistent payment gateway logos that could be used as part of the project for all EKM accounts.

    I created an open source project with the payment icons I created so that other online shops could benefit from the same consistent icons.

Design Skills

  • UI Design
  • UX Design
  • Ecommerce Design
  • Mobile UI/UX Design
  • Conversion Rate Optimisation
  • HTML5
  • CSS3/OOCSS
  • Interaction Design
  • Wireframing & Prototyping
  • LESS Pre-Processor
  • SASS Pre-Processor

Development Skills

  • iOS Development (Objective-C)
  • React Native
  • PHP
  • MySQL
  • Gulp (Build Process)
  • Version Control Git & HG
  • jQuery & Javascript
  • Amazon Web Services

Tools

  • OSX
  • Sublime Text
  • Atom
  • Photoshop
  • Sketch
  • Xcode
  • SourceTree
  • GitHub
  • Marvel App
  • Dribbble