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.
John Jattoh, Senior Product Designer and Creative Director

Recent Awards

すごい MechStorm:
Immersive mech survival experience packed with explosive action, relentless enemies, and non-stop chaos.
Play Game
Motiondeep:
An interactive 3D playground showcasing motion design across a living, playable world.
View Site

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)
Omnidox document management SaaS app UI design
Omnidox
document management app (saas)
Epi financial app UI design
Epi
financial app
MPC visual effects app UI design
MPC
visual effects app
The AA CRM app UI 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 UI/UX hero video showcasing micro-interactions, interface animations, and product design flow.

Athlon
website

Maxim at Home video showcasing micro-interactions, interface animations.

Maxim at Home
healthcare app

Kilburn & Strode hero video highlighting interactive UI elements, motion design, and product interface flow.

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.

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...

Selected Publications

Awards & Recognitions

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

Legacy Projects (2008+)

A curated selection of my favorite projects showcasing my creative journey, design evolution, and UI/UX design experience.

Legacy Reel —
A selection of my favourite projects from over the years, reflecting my creative journey and design evolution.

A curated selection of my favorite projects showcasing my creative journey, design evolution, and UI/UX design experience.

Legacy AD Reel —
Back in the day knee deep in ADs, lots of creative direction and 2D/3D motion design here.

Worked with the best

Motion Experiments

Collection [ One ]:
Realtime motion experiments exploring creative procedural animations.
View Demo

Recent design explorations

AI Motion UI concept of a chatbot
Fitbit inspired watch monitor health tracking
Character animation of a guy on his skateboard
View more

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.