John Jattoh
ux . ui designer
+44(0)7964 243 350

More about me

Hi there I’m a multifaceted designer with a passion for form and function. I appreciate the finer things in life and love hanging out with my lovely wife and daughter. I also have a passion for food, fast cars and music, especially anything from the 80’s. I live and breathe all forms of design outputs which has resulted in me having had such an exciting design journey. I always welcome a challenge and an opportunity to gain experience. Why not give me a call if you would like to know more ?

Work Timeline

2021 . AKQA
1 Month . Senior UX Architect
A return to AKQA but this time to work on an even bigger project! – I was part of the huge team working on Jio. Jio is an Indian telecommunications company and supplier of multiple digital platforms that provide a vast array of services to the people of India.

Our specific team was tasked to create an intuitive logic system that could be used across Jio’s multiple platforms. In addition to this my role also was to help with the motion language and how interactions and behaviours could bring a unique Jio experience to each customer.

Deliverables: Motion Patterns, Wireframes, Interaction Design, Proto-typing, Component Behaviours and Spec Sheets.

2021 . UsTwo
2 Months . Visual / Motion Design / Interaction design
UsTwo got me in to work on one of the biggest financial start-ups kicking off in Europe. Epi has financial backing from some of Europe’s biggest banks deutsche bank, Santander, ING etc. Primary role was to bring the app to life by coming up with some logical user interactions and also creating some proto-typing variants for specific journeys. I also worked on the Epi app promo video, from conceptual to final output.

Deliverables: Motion Patterns, Wireframes, Interaction Design, 3D UI, Proto-typing / Testing and Spec Sheet.

2019 / 20 . Box-it / Oasis Group
12 Months . UX Designer
Box-it are a leading, award winning company that specialise in document management solutions. They help businesses of all sizes to become efficient with business doc management, storage, scanning & shredding demands. I was brought in as a UX consultant to redesign their app platform from scratch. I was responsible for the entire design cycle of the app and as a result the app ended up winning "Software Product of the Year" 2019 which was awarded by DMAwards.

Deliverables: Research, Wireframes / user flows / maps, Interaction Design UI and Iconography, Proto-typing / Testing and Spec Sheet.

2019 / 20 . FLIR (Ray Marine)
5 Months+ . Design Consultant
FLIR Systems is the world's largest commercial company specializing in the design and production of thermal imaging cameras, components and imaging sensors. They got me on board to work on multiple projects with them for 3 of their key products. Again I was in charge of all design processes and worked closely with relative product owners.

Deliverables: Wireframes & 3D Visualisation, Interaction design, Proto-typing & Research / Testing, UI Design(Hud, Iconography etc).

2018 / 19 . Beyond
2 Months+ . Interaction Designer
Moving Picture Company is one of the biggest post production / visual effects studios in the world. They have won many awards and are respected in the film and advertising industry. MPC tasked us with building their new compositing application from scratch. This application would be used by their expert visual artists and compositors and would require a modern design approach that presents an effortless workflow for them.

Deliverables: Wireframes, Interaction design, Proto-typing, Spec development and UI design aspects.

2018 . Upwork
3 Months . Freelance Designer
Did variant work types for clients during this period from motion work to conceptual app work down to some UX requirements.

Deliverables: Wireframes, Design of website and mobile, Branding, Concepting / Storyboarding.

2017 . Metro (Germany)
9 Months . Lead UX Consultant
Metro Group is one of the biggest retail companies in Germany, based in the center of Dusseldorf. Metro are undergoing some major changes, both from a brand perspective and also an application one. One of the key applications I was brought in for was their NSP App which was the main application for supplier use. This greenfield application will also be used by Metro employees for admin purposes, like supplier approvals etc.

Deliverables: Research, Analysis of legacy app & user testing, User flows & User Journeys, Sitemaps, Proto-typing, Card Sorting, Personas (worked with PO / stake-holders and existing users for data collection), Hi and Lo fidelity Wireframes, Design Mock ups / Asset creation to pattern library on Frontify, Making sure designs adhered to Metro's style-guides, Goal specific group workshops, Working with the business analyst and developers onsite & offshore, Contribution to creation of user stories.

2016 . Neobred
7 Months . Lead Designer
A new start up based in the south that wanted to set themselves apart from the rest by becoming a solutions company. They had ambitious plans to provide multiple services to the public, specifically targeting the student world, but also acting as a full design agency. I was brought in to create and design their identity/brand and to also design they responsive website which went on to win a couple of design awards, hence creating awareness of the brand.

Deliverables: Wireframes, Design & Dev of website(desktop/mobile), Discovery phase meetings and Final UI designs.

2015 / 16 . The AA
7 Months . Lead UX / UI Designer
The AA are leaders in the UK for breakdown and car recovery. I was brought in as lead to change their entire system for their call handling application. Involved in the full design life-cycle from discovery to final roll out. I was to design an intuitive system that will save them money in the long run and less training time for their call handlers. The application had several complex processes that needed to be simplified and centred around the actual problem. So I created their system from the ground up.

Deliverables: Research/Testing & Analysis of legacy app, User flows & User journeys / Scenarios, Closely worked with the PO to under stand business and user needs, Closely worked closely with the IA and lead developer on a daily, Closely worked with the small design team on final design decisions, Wireframing, Proto-typing, Visual design mock ups and sketches, Iconography, User testing, documenting outcomes and gathering feedback.

2015 . BBC
3 Months . Motion Designer
With countless stories being told around the world and reporting the most current up to date events. The BBC hired me to create visual motion pieces that was relative to the story being told. These images and sequences where displayed behind the news presenter to provide additional impact to the story as they presented to the viewer.

Deliverables: Creating motion design work, Work on a daily with producers that needed their stories aired.

2015 . FiveByFive
Month . Front end / Motion Designer
An independent marketing communications agency that specialises in launching new brands, products and services. I was brought in to help work on some of their call of duty ads for the play station.

Deliverables: Front end dev work, Animation / concept and motion.

2015 . Oliver London
Month . Senior Designer
Really great and friendly design agency based in London needed my help to work on some google ads and concepts. I helped with the conceptual side of things, generating ideas & solutions for the Android one campaign.

Deliverables: General day to day of what was needed.

2014 . Betway
6 Months . UI / Motion Designer
The Betway Group is a global online gambling company providing entertainment across a number of brands. I was brought in to work on a VIP section of the Betway Casino for their high profile clients.

Deliverables: Mentoring some of the team, Motion graphics and 3D modelling, Story-boarding, UI design, Concept work / Generation.

2014 . Tommy London
Month . Motion Designer
Agency house that specialises in motion work for the Hollywood film industry. They produced lots of film promos and interactive experiences. I was brought in to help out with the additional overflow of work.

Deliverables: Editing and creation of promo trailers, Motion digital ad creation.

2014 . Glue Isobar
Month . Senior Designer
Brought in to conceptualise and create various design ideas and mock ups for the google play campaign.

Deliverables: General day to day of what was needed.

2014 . AKQA
Month . Senior Designer
During my time at AKQA I worked on various ads and concepts to help them with their overflow of design work. My daily responsibilities were diverse and varied.

Deliverables: Conceptual work, Motion digital ad creation, Design work and mock ups.

2013 . Trinity Mirror
2 Months . Art Director / Designer
Britain's biggest newspaper group, magazine / digital publishers. Publishing regional papers as well as the Daily Mirror, Sunday Mirror, People magazine and more.

Deliverables: Overseeing design process and making sure everything is on brand, Participating in meetings and problem solving, Creating / Conceptualizing print and digital ads.

2013 . Ogilvy
2 Months . Art Director / Designer
Ogilvy one of the world’s leading customer engagement agencies. Ogilvy Action is a part of their group that specialises in healthcare and wellbeing.

Deliverables: Hands on designer and art direction on multiple projects, Motion work for product demos, UI design & Mock ups.

2013 . Razor Fish
Month . Senior Designer
Another very prominent agency that brought me in to work on various brands. Responsible for conceptual & design work with a touch of motion.

Deliverables: General day to day of what was needed.

2013 . B&Q
Month . Motion Designer
Well known house hold brand in the UK. At the time B&Q were promoting their "one planet home" campaign to promote awareness to environmental issues. This was displayed on all of their stores using big display units to educate the viewer on how to save on energy and cut down waste.

Deliverables: Conceptual / Planning & Storyboarding, Animation / Direction / Motion work.

2013 . Wunderman
4 Months+ . Senior Digital Designer
A leading digital agency and part of WPP. I had a great ongoing relationship with them and worked / produced various design solutions for them. During the course of my time there I worked on both digital and print ads which included conceptual work for brands such as Ford, Microsoft, De Beers and more.

Deliverables: General day to day of what was needed.

2012 . Estee Lauder
Month . Motion Designer
During this period of time Estee Lauder brought me in to work on a promotional video. The theme of the video was celebrating a great year for Estee Lauder and all their sub brands. During this time, I also worked on some of their brands creating digital ads / promotional work

Deliverables: General day to day of what was needed.

2012 . Elvis
4 Months . Designer / Motion Designer
Another leading digital agency needed my help to work on some of their prominent projects. My time here was spent designing websites, landing pages and digital / print ads. I also engaged in a bit of motion design work for brands such as Honda, Virgin, Sky and more.

Deliverables: General day to day of what was needed.

2012 . Perform Media
2 Months . Senior Designer
Specialist company that collect, produce package and distribute content from all things sports, in all formats across one digital platform. During my time here I was responsible and worked for various sport brands / events. I mainly focused on sport promos designs and digital ads.

Deliverables: General day to day of what was needed.

2010 / 12 . Cheil London
2 Years . Senior Designer / Flash & 3D Artist
Massive agency, awesome people and I can truly say I had the time of my life here. I gained so much experience here both culturally and artistically. I had many roles to play here and worked on some of the best Samsung projects.

Deliverables: UI . UX Design, Conceptual, Coding and Development, Motion work, Ad build, Product websites / Landers / Mobile.

2008 / 10 . Mabway
2 Years . Senior Designer
Company located in the south that specialized in military training. They are a prime supplier to the UK Ministry of defence and provide unique bespoke services and resources to support training events.

Deliverables: UI Design, Conceptual, Wire framing, Iconography, Step by step.

2004 / 08 . Freelance gigs
4 Years . Web designer / Designer
At this time, I was working with various companies in the south providing them with design services, from clubs, to small digital agencies. I sandwiched many projects whilst I was studying which enabled me to gain more experience efficiently whilst building my design portfolio.

Deliverables: General day to day of what was needed.


Research (Interviews, contextual inquiries, surveys, personas, empathy maps, user journeys, analytics & user testing), sketches, content audit, sitemaps, wireframes, flows, prototypes, visual design, user stories, storyboarding, micro UX / Interactions.

Preferred Apps

Photoshop, Illustrator, After Effects, Balsamiq, Sketch, Axure, XD, Frontify, Invision, Principle, Zeplin, Figma, HTML 5, CSS 3, Javascript & JQuery, GSAP, Sublime text, Redshift, Cinema - 4D.

Partial List

Sony, Samsung, BBC, Sky Google, P&G, Blackberry, Nokia, Honda, Sky, Ford, EDF, The AA, Microsoft, Jio, Metro, Betway.

and Awards