Hello, I'm John Jattoh.

Experienced product designer
with creative direction, motion & front-end development skills.

I'm an award winning designer with over 2 decades of experience specialising in design of intuitive websites and mobile apps.

I have also done a sh*t ton of work in motion design and creative direction.

I have a wealth of experience dedicated to crafting outstanding user experiences for websites and applications.

There's also a deep focus on creative direction and motion design in my work.
Image

Most recent project

Lloyds Bank:
Creating compelling video explainers / animations with engaging storytelling.
Casestudy | Coming soon
Selected case studies
GB News website UI/UX design focusing on improved content hierarchy and user navigation
GB News
website
Metro AG portal SaaS UI/UX design focusing on user dashboard, content hierarchy, and workflow navigation
Metro AG
supplier portal app (saas)
Image of App design
Omnidox
document management app (saas)
Image of App design
Epi
financial app
Image of VFX App design
MPC
visual effects app
Image of CRM App design
The AA
CRM app
Selected IXD Projects
Heathrow website UI micro-interactions video showcasing interactive elements, animations, and user experience details
Heathrow
travel app
Athlon
website
Maxim at Home
healthcare app
Kilburn & Strode
website
View all Projects
Hello, Let's talk.

Tell me what you’re working on. We’ll make it better.

I try to respond to all messages, so drop me a line.

+44 7964 243 350
Email me
A little more about me
I love hanging out with my wife and daughters. I'm also super passionate about design, cars, video games, movies and cooking. You could call me a big nerd, and when life isn't too crazy, I like hitting the beach to chill and recharge.
Industry Experience
Advertising & marketing, in-house creative teams, broadcast media, maritime, financial services, healthcare, retail & e-commerce, architecture, technology & SaaS, gaming & interactive entertainment, sports & esports...
Awards & Recognitions
Awwwards
04
Honors Award
CSSDA
02
Site of the Day
04
Innovation Award
04
UI Design Award
04
UX Design Award
02
Kudos Award
CSSWinner
04
Site of the Day
01
Site of the Month
CSSAwards
04
Site of the Day
CSSLight
04
Site of the Day
DMAwards
01
Product of the Year
Latest news & updates
Beyond the Brief:
My friends over at Athlon invited me over to chat to the team about some UI motion design principles.
Read Article
Project Timeline (2010+)
Legacy Reel —
A selection of my favourite projects from over the years, reflecting my creative journey and design evolution.
Worked with the best
Recent design explorations
Capabilities & Skillset
Design Strategy

Product Definition, Product Discovery, Creative & Strategy Workshops.

In the project's early phase, a structured approach to product definition and collaboration with clients sets the foundation for success. Establishing clear requirements, goals, and objectives to align all stakeholders and provide a roadmap for achieving desired outcomes. A robust design strategy ensures the project is on the right track from the start.

Product Design

Research (Variable Methods), Information Architecture, Prototyping, Design Systems, UI & UX Design, Motion Design.

I address problems by understanding user/business needs and creating meaningful experiences aligned with the product's context.

Design Development

Front-end development, HTML, CSS & Javascript / Jquery, GSAP & ThreeJS.

A thorough understanding of front-end development to facilitate seamless handovers with developers.

Preferred Toolset

Figma, Figma Jam or Miro, Balsamiq, Axure, Hotjar, Adobe Creative Suite (All), Visual Studio Code, Lottie & Gen AI.

This is not an exhaustive list but rather a selection of tools I prefer to use regularly.