Client
Nextgen

Industry
Tech

Services
Information Design
Strategy
Design Language
User Experience
User Interface
Motion Graphics

Flexflow

Testing compatibility between devices - fast and automated.

arrow

In-car technologies have long life cycles and don't always work with the latest mobile phones and devices. Nextgen helps companies like Jaguar and Bentley test and troubleshoot connectivity between devices to improve user experience - but manual testing is labour intensive and costly.

Atam is an entirely new solution that reduces the engineer's time, automates tests and can be scaled globally. The automation platform combines a digital application, physical hardware and cloud service.

We worked with Nextgen to design the digital application FlexFlow. Refine the product concept, functionalities and features. Design how it works and looks - including its user experience, visual language and user interface.

FlexFlow.003

Flexflow Application

fabiano-pottes-Atam-Box

Flexflow + Atambox hardware

fabiano-pottes-FlexFlow.045

application ui

Mobile version

We led a series of immersion workshops to structure functionalities and prioritise product information architecture. We immersed in a full user journey of the service to map activities, environments, interactions, objects, and users.

fabiano-pottes-method
fabiano-pottes-info-architecture-document

information architecture

We mapped tasks and mental model patterns, flagging dead-ends, workarounds, and state of mind across time. We built navigation flows, wireframe concepts and interactions to showcase features and how things work.

fabiano-pottes-FlexFlow.018
fabiano-pottes-mindmap
fabiano-pottes-FlexFlow.005

Flows & Wireframes

We then went to refine the usage logic, sequencing of events and micro-interactions through functional prototypes.

fabiano-pottes-FlexFlow-wireframe-animation

Interactive prototypes

FlexFlow.016

We created the design language, layout and look and feel of the user interface, micro-interactions and animations to inform task status and enhance the overall experience.

fabiano-pottes-design-language

Design Language

fabiano-pottes-FlexFlow.037

Wireframes to screens

FlexFlow is a new test automation platform to solve compatibility between connected products and services.

Wireframe to screen

fabiano-pottes-FlexFlow.038

Test builder tools ui

fabiano-pottes-FlexFlow.032

User Interface guidelines

INFO
➔ Agency: Fabiano Pottes
➔ ROLE: direction, STRATEGY & DESIGN
➔ LINK: Company

Get in touch

→ Email

ⓒ 2020 Fabiano Pottes. UK Registered N°1609744734