Enhancing a Chatbot Platform with Flow Editor and New User Interface 

Redesign and extension of the chatbot platform with new functionalities, including a flow editor, for a better user experience. 

Chatbot flow editor

Create Conversational Flows Easily and Improve UI Design for a Better User Experience 

Explore our cooperation with a Riversoft whose vision is to become a primary provider for tourist industry in Europe. Our software house was chosed beacuse the client appreciated our developers’ experience in creating flows with GoJS library and our former projects’ beautiful and eye-catching design 

Riversoft offers an application supporting travel agencies. One of its features is a chatbot platform. They wanted to enhance it by redesigning its interface, adding new features, and incorporating a flow editor. With the flow editor, users could create conversation scenarios through interactive diagrams within the application.  

To deliver these goals we used our wide expertise in GoJS library and know-how about integrating it with other technologies. The client was familiar with GoJS, however they didn’t know how to master it and deliver more advanced features. That’s the point where they needed us – we upgraded the architecture of their application’s code and implement new UX features that client wasn’t able to write by their own.

Client Riversoft – a company that provides an NLP-powered chatbots, to assist tourism businesses.
Business need redesign and extension of the chatbot platform with new functionalities, including flow editor
Scope new user interface, flow editor
Technology GoJS, Vue.js

Transform Your App’s Performance with Flow Editor – Explore Enhanced UI and New Features 

See how we improved our client’s application with a flow editor, UI redesign and additional features. 

Chatbot Flow Editor to Create Conversational Flows Easily

Chatbot flow editor to build conversational scripts

Chatbot Flow Editor to Create Conversational Flows Easily

Our new flow editor feature enhances our client’s chatbot platform. Users can now create and edit conversational flows in the form of an interactive diagram.

  • The visual components make it easy to understand the complex structure of a chatbot conversation. 
  • It simplifies the process of making changes to chatbot scripts. Users can easily visualize the entire structure of a conversation flow and identify any areas that need modification. With the drag-and-drop interface, making changes is quick and easy and doesn’t require any prior programming experience.

Application’s Redesign to Make it Up-to-date

Styleguide for a platform with chatbot flow editor

Application’s Redesign to Make it Up-to-date

Our product designers modernized client’s application icons and objects, proposed new colors for specific object categories, and introduced new shapes and colors for sidebars and panels.

These changes improved the UX by making the application feel up-to-date, aiding in grouping actions, and creating a more visually appealing and cohesive design. Users are able to navigate the application more efficiently, locate features more easily, and ultimately have a more satisfying experience. 

Nodes Specifications and Color Changer for Better UX

Chatbot conversational flow editor with UX features

Nodes Specifications and Color Changer for Better UX

To make user experience even better, client decided to boost the application with some handy features that we developed and implemented:  

  • nodes color changer helps users quickly identify and group nodes, 
  • node specification provides users with information about what a specific node does and what data it gathers .

Comment Section and Drag&Drop Feature to Speed up Conversational Flow Creation

Chatbot conversational flow editor with drag&drop and comment section

Comment Section and Drag&Drop Feature to Speed up Conversational Flow Creation

To improve team cooperation and speed-up time-to-market, our specialists created two features: 

  • drag&drop accelerates the diagram building process and makes it accessible for non-tech users,  
  • comment section enables adding comments to objects via the comment nodes providing a convenient and organized way to collaborate and share feedback. 

Empower Your Product with Our Flow Editor and UI Design 

Team Up with Seasoned Developers and Designers to Improve Your Product

Create and edit flows and other operation structures with an intuitive graphical user interface. Present complex processes in clear and easy-to-read way, accessible even to non-tech users. Take advantage of proven and up-to-date design to improve user experience.

  • Leverage our expertise to enhance your application, platform, or other products.  
  • Save time and money on learning new skills from scratch.  
  • Trust our development team to accelerate your software’s time to market. 

See The Benefits of Our Solution

Premade features (such as real-time alerting) that empower software and shorten its time-to-market

Security architeture diagram's builder

Handy features that empower application and boost its capabilities

Technology integrations to ensure smooth software’s work

Frequently Asked Questions

To create a chatbot flow, start by defining the purpose and goals of the chatbot. Then, identify the key user interactions and map out the conversation paths. Determine the questions or prompts the chatbot will ask and the responses it should provide based on user inputs. Design the flow to be intuitive and user-friendly, ensuring a logical progression of the conversation. Test and iterate the chatbot flow based on user feedback to continuously improve its effectiveness.

In a chatbot context, flow refers to the sequence and structure of conversations between the chatbot and the user. It outlines how the chatbot interacts, asks questions, processes user inputs, and delivers responses. The flow ensures a coherent and smooth user experience by guiding the conversation and maintaining context throughout the interaction.

Several algorithms can be used for chatbots, depending on the complexity and requirements of the system. Common approaches include rule-based systems, where predefined rules determine responses; keyword matching, which identifies keywords in user inputs to trigger specific responses; and machine learning algorithms, such as natural language processing (NLP) and deep learning models, which enable chatbots to understand and generate human-like responses based on training data.

The difficulty of making a chatbot can vary depending on factors such as the complexity of the chatbot’s functionality, the level of natural language processing required, and the available tools and resources. Basic chatbots with rule-based or keyword matching approaches can be relatively straightforward to develop. However, more advanced chatbots that employ machine learning algorithms and require sophisticated conversational capabilities may involve more complexity and technical expertise.

Conversation flow refers to the progression and structure of a conversation between a chatbot and a user. It encompasses the back-and-forth exchange of messages, including questions, answers, prompts, and responses. A well-designed conversation flow ensures that the chatbot understands user inputs, provides relevant and helpful responses, and guides the conversation towards the desired outcome or resolution.

Voice flow refers to the design and structure of a conversation or interaction between a user and a voice-enabled chatbot or virtual assistant. It focuses on the spoken interaction, including the prompts, questions, and responses exchanged between the user and the voice-based system. Voice flow design ensures that the conversation is intuitive, understandable, and efficient for users interacting with the chatbot through voice commands or speech-based interactions.

Improve Your Product with Flow Editor, Fresh UI and Handy Features

Take advantage of our proven expertise. 

  • Shorten time to market and release your product faster 
  • Integrate features with your leading technology 
  • Team up with seasoned and solid developers