KLIK CENTER

Clear Structure

Clear Structure

Klik Center is an e-commerce website for a photo store located in Modi'in, Israel.

Klik center screen preview
Klik center screen preview
Klik center screen preview

Role

Web Designer

Responsibilities

Webite Redesign

UX Research

UI Design

Usability Testing

Client

Barso Tsilom LTD

Timeline

Sep '23 - Jan '24

Problem Statement

A cluttered information architecture (IA) makes it difficult for users to locate the items and services they need when browsing the photo store website.

photographer
photographer
photographer

What made Klik Center stakeholders

hire my services?

What made

Klik Center stakeholders

hire my services?

Klik Center's stakeholders aimed to create a responsive website to increase user engagement and make it easier for their customers. They even developed a website with that goal in mind.


However, they noticed that they kept receiving negative reviews concerning difficulties finding products and navigating the website.


As a result, the average rating decreased to 3.7, indicating a drop in customer satisfaction despite their efforts.

Tal
Tal
Tal

Tal G.

Verified User

The website was difficult to navigate, and I couldn't find what I needed. The overall experience was frustrating, and I won't be shopping here again. I would not recommend this site to others.

08 May 2024

Diagram
Diagram
Diagram

KPI

Increase the average rating from 3.7 to 4.3 or higher within the next 6 months.

Ensure at least 90% of users successfully complete the process of sending photos and searching for custom-made items without issues.

Target
Target
Target

Objectives

Redesign the website with a user-friendly interface to make it more engaging and usable.

Improve the user experience

during the search for items

and services.

Reorganize the IA.

mountains with flags
mountains with flags
mountains with flags

Challenges

Smooth transition for users due to the website's significant changes and redesign.

Adjustments to the website IA to meet users' needs.

Discover

01

User Research

User Research

Observations - User Behaviors

Observations

User Behaviors

I began user research using Microsoft Clarity to observe the behavior of 20 users at various points during their workday for one week.


The primary tasks under evaluation were to send photos and search for popular custom-made items like a mug, t-shirt, and teddy bear.

70%

Task success rate achieved by

users when sending photos

and search for popular

custom-made items.

Klik center before redesign
Klik center before redesign
Klik center before redesign

Home Page

Klik Center

before redesign

Main Persona

Dorit
Dorit
Dorit

Dorit Aharonov

Practical Housewife

Background

Dorit, a busy mom of three in Modi'in, often develops photos and shops for gifts for her children’s friends and teachers. She values simple, efficient online tools to save time.

Goal

Simple search, browse, and purchase photo products and gifts.

Pain Point

Experiences frustration and struggles to navigate the website to find the products she needs.

Need

A streamlined, user-friendly website that allows her to quickly find relevant products or services effortlessly.

Goal

Streamline administrative tasks to focus more on sales and customer service.

Pain Point

Uploading expenses using the mobile app and reviewing them on the desktop creates an inefficient workflow.

Need

Ideally, one platform should be used for uploading and reviewing business expenses.

Original Design Analysis

Original

Design Analysis

Before redesign

old Klik Center screen
old Klik Center screen
old Klik Center screen

Homepage

old payper screen
old payper screen
old payper screen

Store

old payper screen
old payper screen
old payper screen

Products Page - Personalised Mug

Products Page -

Personalised Mug

Ideate

02

Solutions

Creating a new

user-centered Information Architecture (IA)


Hierarchical category structure


CTA buttons with icons

and text


Adding search and

filtering options


Gender-neutral UX writing


Klik Center ▸ Hierarchical category structure after redesign
Klik Center ▸ Hierarchical category structure after redesign
Klik Center ▸ Hierarchical category structure after redesign

Creating a new user-centered

Information Architecture (IA)


Hierarchical category structure


CTA buttons with icons and text


Adding search and filtering options


Gender-neutral UX writing


Information Architecture

Information

Architecture

Before redesign

After redesign

Design

03

Style Guide

Klik Center Style guide
Klik Center Style guide

User Flow

Searching for a personalised mug

Searching for

a personalised mug

After redesign

New Klik Center screen
New Klik Center screen
New Klik Center screen

Homepage

New Klik Center screen
New Klik Center screen
New Klik Center screen

Homepage - Popular Categories

Homepage -

Popular Categories

New Klik Center screen
New Klik Center screen
New Klik Center screen

Store

New Klik Center screen
New Klik Center screen
New Klik Center screen

Products Page - Personalised Mug

Products Page -

Personalised Mug

UI Design

Top Screens

New Klik Center screen
New Klik Center screen
New Klik Center screen

Sending Photos Page

New Klik Center screen
New Klik Center screen
New Klik Center screen

Store

New Klik Center screen
New Klik Center screen
New Klik Center screen

Passport Page

New Klik Center screen
New Klik Center screen
New Klik Center screen

Editing Photos

New Klik Center screen
New Klik Center screen
New Klik Center screen

Informative Footer

Insights

04

Trophy
Trophy
Trophy

Results

100%

Task success rate

The new task success rate when

users sending photos and search

for popular custom-made items.

Before:

70% task success rate

4.5

out of 5 rating

The new store rating indicates

user experience and overall

customer satisfaction.

Before:

3.7 out of 5 rating

Klik Center Rating
Klik Center Rating
Klik Center Rating

User Feedback

User

Feedback

The reviews below are based on feedback from real users across different platforms

Sheli
Sheli
Sheli

Sheli L.

Verified User

My shopping experience was excellent. It was just what I was looking for :)

08 May 2024

Adi
Adi
Adi

Adi G.

Verified User

I love how the categories are so clearly defined. I found the perfect custom mug for my friend in no time.

17 Feb 2024

Amit
Amit
Amit

Amit F.

Verified User

The website feels so much cleaner and more organized. I could easily browse through different sections and filter products to find exactly what I was looking for.

22 Mar 2024

Eitan
Eitan
Eitan

Eitan D.

Verified User

The overall site experience is much better now.

19 Apr 2024

Final Thoughts

I've learned the value of Information Architecture (IA) and how crucial it is to organize categories effectively. IA ensures that users can easily navigate and find what they want. By structuring the site in a way that aligns with users' mental models, I've reduced cognitive load and created a seamless journey from start to finish.


This experience has also taught me the importance of designing several options for the same task. The fact is that different users choose various approaches for the very same activity.


The most satisfying part is observing in real time how users engage with the redesigned website and how they understand intuitively the tasks they are supposed to do.