top of page
kotozna website hero image
kotozna website hero image
1/1
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
NEED FOR IMPROVEMENTS
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.
User selects "Kotozna In-room"...
Also, a plethora of confusing navigation. An example would be when users select a service (Kotozna In-room), and when led into the page, the "Services" tab will be moved and "unseen" by users.
But "Services" tab moves when on "Kotozna In-room" page, confusing users of its location.
Repetitive and redundant information or pages filled the website.
Details of the product can be shown on the same page as the product page, but instead multiple "learn more" buttons lead users onto a new page with the same exact information as stated in the previous loaded page; creating confusion and leading users away from the main product page.
New page with exact same information as previous page.
Hero image was also lacking company identity and not aligning with company branding.
MAIN FULL PAGE
Old version
New version
NEW MOBILE LAYOUT
The mobile layout for the previous layout was full of bugs and had display issues.
A new mobile layout was created, as mobile usage is now the most used form of accessing websites.
ITERATIONS
TAKEAWAYS
More mobile reiterations are needed as users are now using mobile more than laptops or PCs to access websites.
More case studies to show users of product value.
bottom of page