Case Study: Redesign of Kings Asian Market Website

Overview

 

Kings Asian Market has undertaken a comprehensive redesign of its website, incorporating significant improvements to both User Interface (UI) and User Experience (UX). The primary goal was to modernize the website's design while enhancing usability and functionality. Below, we outline the changes made, comparing the "Before" and "After" states of the website.

 

Previous Website Limitations

 

1. Visual Design:

Before : The website featured an outdated, basic design that failed to convey the vibrant cultural essence of an Asian market. Images were low-resolution, contributing to a lack of professionalism, while the inconsistent color scheme and typography resulted in a cluttered appearance.

2. Navigation:

Before: The navigation menu was poorly organized, making it challenging for users to locate products or services. The absence of dropdown menus hindered clarity and hierarchy, while a lack of a search bar necessitated extensive scrolling to find specific items.

3. Mobile Responsiveness:

Before: The website was not optimized for mobile devices, leading to distorted layouts and navigation difficulties on smaller screens. Buttons and links were inadequately sized for touch interactions.

4. User Experience:

Before: Slow page loading times, primarily due to unoptimized images and code, negatively affected user engagement. The checkout process lacked clarity, with no prominent calls-to-action guiding users.

5. SEO and Accessibility:

Before: The website exhibited minimal SEO optimization, with missing meta descriptions, alt tags for images, and poorly structured content. Accessibility features for users with disabilities were insufficient, lacking keyboard navigation and appropriate color contrast.