Navigations links

Click here to go back to my Portfolio Homepage.

Click here to go back to this Case study homepage

<aside>

Click on the links below to read case study ⬇

Product Page

Cart Page

Checkout page

<aside>

Homepage

</aside>

Navigation

Listing page

</aside>

<aside>

Cross-device Observation (08)

</aside>

Cross-device Observation (all devices)(08)

<aside>

Area of occurrence :- The homepage is divided into multiple folds, which change consecutively after a certain period of time. This means that if you visit the website, you might not see the specific fold I am referring to. Some of the observations I addressed are related to the fold content, while others are related to the overall layout and structure

</aside>

<aside>

1. Too much folds to explore - layout specific

Observation:- There are total 17 folds to explore.

Screenshot:-

Why it may affect users:-

• Presenting all 17 folds at once overwhelms users, especially first time visitors.
• It makes the site feel heavy, and may give the impression of disorganization this often results in users skimming or abandoning early.

My Recommendation:-

• Reduce the number of visible folds to only the most important sections such as:
  • Sales
  • New Arrivals
  • Best Sellers
  • Discounts
  • Featured Items
• If more folds exist, hide the dots and simply show a scroll-down arrow.

Expected Results:- By prioritizing key sections you are guiding users to high-conversion areas first, increasing the chances of action and reducing homepage bounce caused by cognitive overload by seeing too much upfront.

</aside>

<aside>

2. Weak contrast - fold specific

Observation:- Text on the image is not readable due to poor contrast.

Screenshot:-

Why it may affect users:-

• Texts are difficult to read, it reduces clarity around offers, and may lead to wrong assumptions about the product or promotion, which can silently kill interest.

My Recommendation:-

• Add a solid background or an overlay behind the text to improve readability.

Expected Results:- Clearer messaging improves first impressions, increases attention span, and helps users make faster decisions.

</aside>

<aside>

3. Forced to scroll - layout specific

Observation:- No way to jump between folds; users must scroll one by one.

Screenshot:-

Why it may affect users:-

• Scrolling through every section is tiring. If someone wants to go two fold back or skip to something else, they can’t. This leads to frustration and many will quit midway.

My Recommendation:-

• Allow users to jump from one page to another by showing direct links like “Table of content” i.e when user hover over the dots or pagination they will see content on every fold and clicking on them will take users their.

Expected Results:- Easier movement means users will check more folds of the page. This can increase views, clicks, and chances of buying as well…

</aside>

<aside>

4. No options - fold specific

Observation:- Only one product is shown in the fold, with no other options or choices to get attractive to ( no variations).

Screenshot:-

Why it may affect users:-

• The whole fold only shows single product, For example, I liked the UV protection hoodie but not its color. If other variations had been shown, I might have selected one or clicked to explore more.
• Visitors may leave thinking that’s the only choice. It makes your store look small or limited.

My Recommendation:-

• Show different colors or styles right there, so people know they have options.

Expected Results:- This makes the brand look bigger and gives people more reasons to click and buy.

</aside>