top of page

OVERVIEW

Kotozna had a website in place that was not being used effectively as it had numerous issues such as confusing layout, faulty tablet and mobile layouts, and very little user engagement.

My Role

UX/UI Designer
Visual Designer

Tools

Figma
Adobe Photoshop

Involvement

Research, Wireframing, and Webflow

Date

September 2024 - Ongoing

MOCK-UP & FLOW

The navigation bar was unclear on directions, and users would have to click on mutliple buttons for information, but be unable to return to previous pages.

Hierarchy needed improvement as we wanted users easy access to contact us, but is not available on the old navigation bar.
navigation.png
User is given "Terms of use" pop-up and needs to agree and press “Start” to begin using
agreement dialogue screen.png
User inputs text into input bar and presses “Send” button to begin chat.
Web ar switch.png
Avatar answers back in text as well as answering with audio while animated with lip and facial movement.
10. speak chat answer screen.png

ITERATIONS

A "SWITCH TO AR" button was installer on the regular chatbot, but requests were given to eliminate the option as guests preferred having one chat or the other and not combined to decrease development bug issues.
Web chat box start.png

FLOWS

Flow image of website version.
The flow for the website. Please click to enlarge.
Click on image to enlarge.
The flow for the mobile version. Please click to enlarge.
Mobile version of avatar chatbot.
Click on image to enlarge.

TAKEAWAYS

A new avatar is in heavy consideration as the current avatar is not user-friendly.
CVonsideration in having the "SWITCH TO AR" button brought back.
bottom of page