top of page

OVERVIEW

Product owners needed a feature that would show the preview of the widget icon as well as a feature that would allow for size adjustment within the internal tools for product owners.

My Role

UX/UI Designer
Visual Designer

Tools

Figma
Adobe Photoshop

Involvement

Sketching, Research, and Wireframing

Date

February 2024

PAIN POINTS

The icon for the widget needed a preview window so that product owners are able to toggle back and forth between images, as well as a feature that allows for size control.
original.png

REITERATIONS

A preview function as well as size change function was added to ease product owners. The size is automatically set to 50px and can be changed after previewing the image.
First screen.png

FLOWS

Chatbot Opening Icon Flow
Click to Enlarge

TAKEAWAYS

The current widget icon is not user friendly as the "X" mark gives the product a lack of sophistication thus decreasing users' trust in the product and the bubble appears detached to the icon's image.
Screen Shot 2024-02-05 at 8.18.27 AM.png
A new design of the widget icon while appearing a website's was proposed with a tail to the bubble as well as getting rid of the "X" mark.
Chat Opening icon.png
bottom of page