Android, iOSPlatforms
Strategy, UI, UXDeliverables

AI is making it easier for you to do things every day, it is providing us with new ways of looking at old problems. Amongst plethora of AI based applications one amazing application is Chatbot. Verloop is a Y Combinator startup that blends AI and live human interactions in a chat box. By bringing the power of AI to live chat, it helps businesses connect with their users more efficiently and reduces the effort for support agents by upto 75%.

Chatbots interact with more customers faster than humans will ever be able to.

The founder Gaurav approached us after product validation and getting some initial paying customers. It was ready to go global and needed the product to look rounded and competent as per international standards. One of our chief objectives with Verloop was simplifying information exchange between the chatbot and customers for improved interactions. Our first priority was to get the Verloop brand to show through the user’s interactions with the bot.

The logo was designed to reflect a modern yet approachable personality.

verloop
verloop
These were ideas which were transformed from sketches into digital mocks. This was shortly before taking a complete U-turn on logo concepts.

We went through several iterations on concepts for the logo, many of them revolving around the concept of infinity. But over time we realised that our approach was flawed. We dramatically altered our ideas to instead reflect something more abstract, the personality of the bot.

verloopThe final version of the logo.

This approachable personality was achieved through a modified ellipsis. With the logo extended to an FAB, the ellipsis would give the impression of ‘eyes’ and even blink occasionally. This would also increase brand recall on the thousands of websites into which the widget would be embedded.

verloop
verloopverloopverloopverloop
The lone logo form was only one of the possiblities which the FAB would take depending on its role in the website.

The design was fine-tuned keeping certain usability heuristics for the technology in mind.

Just as a website design can be judged based on certain usability heuristics, many of the same can be adapted for use in a bot. Below are instances where these criteria came into play.

System status communication - The system’s status should be clear to the user, whether further input is expected or the bot is processing provided input. The above interaction was designed to communicate to the user that the bot was “thinking”.

verloop

Minimalist design and consistency across websites -The visual system had to be adaptable to the visual language of each website while the brand of Verloop had to be preserved.

Flexibility of use - Despite being constrained to the limited space of a chat box, there had to be myriad options for the different kinds of input that was possible for the user to provide.

Error assistance- Where the bot was limited in its capability it also needed to be equipped to handle the user’s request in a suitable manner.

It was a challenging task to work within the constraints of the current bot technology while adapting it to the user’s needs. Keeping certain usability principles as the scaffolding for building our design guaranteed that the user’s needs would be met.

BoomerBuilding the world’s simplest website builder
TalentifyMaking young India skilled and employable
Ready to make your products better?

We would love to know more about your product challenges & how sprints could help.

GET IN TOUCH