I worked with a small team of developers to create the app that is beautiful and simple to use. I also designed the branding, landing page and other marketing materials for the product launch.
Owing to a very short launch deadline, I had to come up with an interface design for the product, creating wireframes and doing quick usability tests in the process.
The biggest design/usability challenge I had faced was to come up with an alternative to the usual flow diagrams that were being used on most of the apps to create chatbots.
We decided to whip up an MVP and had to reduce the time spent for some of the UX research processes.
Identifying the audience
After our initial research, we narrowed down our target customers to be online marketers who wanted to capture leads and sell/promote products through email marketing rather than for customer support for which the chatbots are commonly used.
Since chatbots were in their early stages around a year back, I had to do some extensive research on how they were being built and implemented by other companies and how receptive the people were to this new concept.
I started by creating user flow diagram and wireframes/low fidelity mockups of screens in the app.
The Design Challenge
Coming up with an alternative to the flow diagram used to build
Since flow diagrams were going to be confusing after two or three levels, my solution was to create a system that works like a Live Editor. All the conversations, CTA can be added to the bot while having a live preview of how it looks.
I created high fidelity mockups of all the screens using Affinity designer and the bootstrap framework for most of the components on the app.
I designed the interface with this statement in mind
“Your objective should always be to eliminate instructions entirely by making everythingDon’t make me think by Steve Krug
Individual User Statistics
I was also responsible for designing the UX for visitor statistics. The page owner can click on the specific user (if there is an email id) from the dashboard and have a look at each step the user had taken, every click he had made to get an idea/feedback on the visitor behavior. This feature was also used as a split testing platform by some customers!
I was also responsible for designing the brand identity, landing pages and other marketing materials like Facebook ads and banners for the product launch.
We started our project to come up with an MVP for the launch, but we ended up creating a polished version of the app that delivered it’s promised purpose.
We now have over one thousand users from all around the world.
PS: With some feedback from our customers, we were able to roll out 2 more updated versions of the app by adding some cool new features like multiple language support, animated backgrounds on pages, Split-test features and more.