Hello, I'm John Jattoh.

Award-winning independent Creative Director, Designer and Motion Artist.

I'm an award-winning independent Creative Director & product / motion designer with 20+ years experience crafting intuitive experiences, websites & mobile apps.

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:
Survive relentless enemies. Embrace the chaos. Be the last one standing.
Play Game
Motiondeep:
An interactive 3D playground showcasing motion design across a living, playable world.
MORE AWARDS : CSSDA, CSSWINNER
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
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 hold a BA in Graphic Design and a Master's in VFX and love to dabble in all things creative and A.I.

Outside of work,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

Athlon - Beyond the Brief

Deconstrukt #4 - Power of Typography

WebGL Headquarters - feature

3D World Magazine | 2015 | Page 19

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+)

Legacy Reel —
A selection of my favourite projects from over the years, reflecting my creative journey and design evolution.
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

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

Blender, Cinema 4D / Redshift, Unreal Engine, Houdini, FL Studio.

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