top of page

About The Project

Designed an AI chatbot that simplifies customer support with automated responses.

Role

UX/UI Designer

Screens

100+ screens

Tools used

figma-icon-1024x1024-mvfh9xsk.png
Adobe_Photoshop_CC_icon.svg.png
Adobe-Illustrator.png

Project Goal

Our main goals for this platform were to cut down response times by automating answers to common questions, improve customer satisfaction with quick and accurate replies, make it easy to integrate with WhatsApp and other messaging platforms, create a user-friendly interface for all businesses, and build a scalable platform that can grow with increasing user and inquiry demands.

A friend on your website who can answer your questions right away

Chatbot illustration

UX & Research

Instead of conducting surveys or creating personas, we analysed similar platforms to identify their strengths and weaknesses, gaining insights into the most effective features and designs. Below is the user flow illustrating the user's step-by step path to accomplish tasks on the platform.

user flow

Color palette

A set of colors designed to look good and make the platform easy to use.

#6F3FBE

Primary color

#EEE8F7

Secondary color

#F2F3F4

Gray

#363942

Black

#098666

Success

#CC0000

Error

Dashboard

An intuitive overview featuring agents, tickets, conversations, response time, and sentiment analysis for efficient management.

Dashboard

Chatbot elements

Essential tools for creating and customizing your chatbot, including user interactions, and design options.

Side nav bar
Create widget modal
secondary nav bar
widget card
widget home
chats
compact widget
widget customisation

Bot flow and testing

Visualize and test the chatbot's conversational flow, ensuring smooth and accurate user interactions.

Other screens

View additional features/settings like agent inbox, bot training, and integrations and many more enhancing the overall functionality.

Agent Inbox

agent inbox

Bot training

bot response - go to bot card

Apps & Integrations

integrations

Widget customisation

navigation menu-home- header

Connecting messaging platforms

Facebook messenger

And more than 100+ screens are designed

UX/UI

connect.orufy.com

Web widget screens

All screens in one view, showcasing the seamless and intuitive design.

widget screens
bottom of page