Conversational AI automation app

User research
Art Direction
Brand Design
App Design

Cognigy MacBook screen

App design Germany


Art Direction  Naiara Odriozola
Head of UX/UI Design  Naiara Odriozola
Junior UI Designer  Paul Kriszan
Agency  think moto

Cognigy is an enterprise software provider for Conversational AI automation. The platform, Cognigy.AI automates customer and employee communications. Its goal is to enable companies to create smooth human-like conversations with their users on any channel – webchat, SMS, voice and mobile apps.

We were commanded to rebrand and redesign the Cognigy.AI platform and update it with its new functionalities. It made us very excited about this project and to accompany  Cognigy on their journey from a startup to a serious competitor of Google Dialogflow and IBM Watson. This evolution should be reflected in the design.

Cognigy Dashboard

The user experience
Turning our user's wishes into new features

The previous Cognigy.AI experience relied on rigid structures with limited opportunity. The UX strategy consisted in building a new, flexible architecture that integrated with the existing infrastructure and enabled the new features Cognigy required to evolve as a software.

After a discovery workshop with our clients where we gathered all valuable input from both stakeholders and users to start the UX/Design Sprint. We turned this requests into flows, which we then transformed into full wireframes. The guiding principles of this sprint were to create a seamless experience by collecting all previous problems and implement new features requested by the users.

The user experience
Our customers get smarter 

It was also important to ensure a more user-friendly navigation of the platform. The new features had caused the user interface to become larger and more complex. We integrated them into the navigation to be easily found and also reworked the node-based logic.

As a result, the new UX logic allows customers to get smarter about their own internal systems, helping create efficiencies and improving overall their business performance.

Cognigy screen

The branding elements
Defining the visual direction

The goal was to make Cognigy appear more serious and mature whilst keeping its modern tech feeling. I set of artboards were developed for our client to set up the direction of the design we would follow.

To convey the new designs we decided for a bolder and lighter color palette and a accessible minimalistic typography. Together with the general styles and look and feel, we developed a set of logos for the different softwares Cognigy offers as well as a new set of icons. 

Cognigy logo

The user interface
Defining the visual direction

In some cases, we refreshed the look and optimized the user experience based on the customer feedback. But in others, we tackled the problem from the ground up to simplify the over-engineered. Like the onboarding process. ‍Cognigy is complicated, but it shouldn't feel that way. Its users come from diverse backgrounds and some may not be as digital fluent as the others. We made sure everybody has a fair start.

At the same time, we gathered the main branding elements to create a small design guideline for the mvp.

Cognigy icons
Cognigy Guideline
Cognigy UI kit

The UI Kit
Defining the atomic design

After the visual direction, I began turning all the wireframes into sleek, polished high fidelity visual designs.

An inVision prototype, micro-interactions and a further UI kit completed the package that was handed to the development team. As the app will continue to grow with more functions in the future, we designed the interface using a module system that can be expanded whenever necessary.

Cognigy UI-Kit
lexicon  page

@ Naiara Odriozola. All rights reserved