Cognigy
Software
2020
Designing the Interface for the N1 Leader in Conversational AI
User research
Concept
Art Direction
Brand Design
App Design
UX/UI
Cognigy.AI
App design Germany
Credits
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.
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.
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.
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.
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.
@ Naiara Odriozola. All rights reserved