May 27, 2024
May 27, 2024
May 27, 2024
A Case Study Improving Okhai's UX
A Case Study Improving Okhai's UX
In this mini UX case study, I explore the ideas and outcomes of enhancing the user experience (UX) for Okhai.
This case study is aimed to address usability issues, streamline navigation, and elevate overall satisfaction for customer's web browsing experience .
In this mini UX case study, I explore the ideas and outcomes of enhancing the user experience (UX) for Okhai.
This case study is aimed to address usability issues, streamline navigation, and elevate overall satisfaction for customer's web browsing experience .
Improving the Menu Navigation Experience
Improving the Menu Navigation Experience
Improving the Menu Navigation Experience
Pain Point
Inconsistent menu dropdown reduces product discovery experience
Pain Point
Inconsistent menu dropdown reduces product discovery experience
Pain Point
Inconsistent menu dropdown reduces product discovery experience
The contrast b/w the background and text is reducing legibility.
The layout does not guide the eye, failing to direct the user's attention within the menu.
If a user is unfamiliar with the craft/collection, they may not understand where to explore.
The contrast b/w the background and text is reducing legibility.
The layout does not guide the eye, failing to direct the user's attention within the menu.
If a user is unfamiliar with the craft/collection, they may not understand where to explore.
The contrast b/w the background and text is reducing legibility.
The layout does not guide the eye, failing to direct the user's attention within the menu.
If a user is unfamiliar with the craft/collection, they may not understand where to explore.
Solution - Redesigning the Menu
Solution - Redesigning the Menu
Improving the contrast b/w text and background
Organizing the content alphabetically to guide the user helping them in better discovery
Displaying the image of the craft/collection when hovering
Emphasizing the craft/collection when hovered over so users know exactly what they are viewing
Improving the contrast b/w text and background
Organizing the content alphabetically to guide the user helping them in better discovery
Displaying the image of the craft/collection when hovering
Emphasizing the craft/collection when hovered over so users know exactly what they are viewing
Improving the contrast b/w text and background
Organizing the content alphabetically to guide the user helping them in better discovery
Displaying the image of the craft/collection when hovering
Emphasizing the craft/collection when hovered over so users know exactly what they are viewing
Enhancing the Browsing Experience
Enhancing the Browsing Experience
Enhancing the Browsing Experience
Pain Point 1
Small product cards & background takes attention away from product
Pain Point 1
Small product cards & background takes attention away from product
Pain Point 1
Small product cards & background takes attention away from product
Smaller product cards & vibrant buy now CTA are not giving the product the attention it needs.
The motifs on the sides are proportionally bigger and taking attention & space away from the products.
Smaller product cards & vibrant buy now CTA are not giving the product the attention it needs.
The motifs on the sides are proportionally bigger and taking attention & space away from the products.
Smaller product cards & vibrant buy now CTA are not giving the product the attention it needs.
The motifs on the sides are proportionally bigger and taking attention & space away from the products.
Pain Point 2
The available sizes are not visible in the background
Pain Point 2
The available sizes are not visible in the background
Pain Point 2
The available sizes are not visible in the background
The background is busy is most of the images, make the available sizes illegible.
The name of the product is too long for users to make sense of it
The background is busy is most of the images, make the available sizes illegible.
The name of the product is too long for users to make sense of it
The background is busy is most of the images, make the available sizes illegible.
The name of the product is too long for users to make sense of it
Pain Point 3
Buy Now / Clicking on Image takes user to same page
Pain Point 3
Buy Now / Clicking on Image takes user to same page
Pain Point 3
Buy Now / Clicking on Image takes user to same page
Clicking on the "Buy Now" button and ''product image'' redirects the user to the detailed product view, rendering the "Buy Now" button unnecessary.
The pop of the color buy now is taking attention away from the product to the CTA.
The product info and buy now CTA is taking up a lot of the space that can be utilised for product image display
Clicking on the "Buy Now" button and ''product image'' redirects the user to the detailed product view, rendering the "Buy Now" button unnecessary.
The pop of the color buy now is taking attention away from the product to the CTA.
The product info and buy now CTA is taking up a lot of the space that can be utilised for product image display
Clicking on the "Buy Now" button and ''product image'' redirects the user to the detailed product view, rendering the "Buy Now" button unnecessary.
The pop of the color buy now is taking attention away from the product to the CTA.
The product info and buy now CTA is taking up a lot of the space that can be utilised for product image display
Solution - Redesigning the Product cards and browsing page
Solution - Redesigning the Product cards and browsing page
Making the product pictures bigger for better view
Moving the motifs from sides to top and bottom to create space for product pictures
Brand name, product name & price on the left & Craft on right for better product information view
Available sizes to be visible while hovering
Option to buy now while hovering, which will add the product to the cart
Making the product pictures bigger for better view
Moving the motifs from sides to top and bottom to create space for product pictures
Brand name, product name & price on the left & Craft on right for better product information view
Available sizes to be visible while hovering
Option to buy now while hovering, which will add the product to the cart
Making the product pictures bigger for better view
Moving the motifs from sides to top and bottom to create space for product pictures
Brand name, product name & price on the left & Craft on right for better product information view
Available sizes to be visible while hovering
Option to buy now while hovering, which will add the product to the cart
Improving the Navigation Bar for Smoother Navigation
Improving the Navigation Bar for Smoother Navigation
Improving the Navigation Bar for Smoother Navigation
Pain Point
The Navigation Bar is wide & Not sticky
Pain Point
The Navigation Bar is wide & Not sticky
Pain Point
The Navigation Bar is wide & Not sticky
Since the navigation bar isn't sticky, users need to scroll to the top of the page every time to access it.
Navigation bar takes around 35% of the first page of the screen, which is not needed.
A wider navigation bar takes attention away from the product images.
The 'TOP' icon on bottom right can be missed easily by users as it is positioned to extreme right & behind message, which users can ignore because they ignore 'message icon' while browsing.
Since the navigation bar isn't sticky, users need to scroll to the top of the page every time to access it.
Navigation bar takes around 35% of the first page of the screen, which is not needed.
A wider navigation bar takes attention away from the product images.
The 'TOP' icon on bottom right can be missed easily by users as it is positioned to extreme right & behind message, which users can ignore because they ignore 'message icon' while browsing.
Since the navigation bar isn't sticky, users need to scroll to the top of the page every time to access it.
Navigation bar takes around 35% of the first page of the screen, which is not needed.
A wider navigation bar takes attention away from the product images.
The 'TOP' icon on bottom right can be missed easily by users as it is positioned to extreme right & behind message, which users can ignore because they ignore 'message icon' while browsing.
Solution - Making Navigation bar sitcky and more user friendly
Solution - Making Navigation bar sitcky and more user friendly
Making the navigation bar sticky so that user can go to any section of the website anytime
Decreasing the width of the navigation bar to draw more attention to the webpage
Open the drop-down on hover instead of click to minimize user clicks
Increase the font size and weight to increase legibility.
Making the navigation bar sticky so that user can go to any section of the website anytime
Decreasing the width of the navigation bar to draw more attention to the webpage
Open the drop-down on hover instead of click to minimize user clicks
Increase the font size and weight to increase legibility.
Making the navigation bar sticky so that user can go to any section of the website anytime
Decreasing the width of the navigation bar to draw more attention to the webpage
Open the drop-down on hover instead of click to minimize user clicks
Increase the font size and weight to increase legibility.
Improving the Product Discovery
Improving the Product Discovery
Creating Visual Delight guiding a seamless Shopping:
To enhance the shopping experience, incorporate visual subcategories within each clothing section, such as dresses. This reduces reading fatigue and guides users with clear visual cues, improving their overall experience.
Creating Visual Delight guiding a seamless Shopping:
To enhance the shopping experience, incorporate visual subcategories within each clothing section, such as dresses. This reduces reading fatigue and guides users with clear visual cues, improving their overall experience.
Creating Visual Delight guiding a seamless Shopping:
To enhance the shopping experience, incorporate visual subcategories within each clothing section, such as dresses. This reduces reading fatigue and guides users with clear visual cues, improving their overall experience.
This is just the tip of the iceberg, there is so much more that can be improved….
This is just the tip of the iceberg, there is so much more that can be improved….
