Category overview

Preview#

MobileDesktop
category-overview-mobilecategory-overview-desktop

Description#

Recommendations on how to implement:#

When choosing which category bubbles to be displayed and in which order please focus on sorting and displaying the online shop categories according to traffic and order value. Focus on online shop categories that distinct from thematic resources and guides (categories should be placed first to boost conversion!). Take into account seasonal differences and adjust categories accordingly. Regarding Color scheme we recommend using one uniform color, preferably light grey/white. Category title should be short and concise and in capital letters.

Recommendations of Use – Do's and Don'ts#

Contrast

DosDon'ts
Imageexample_01-xsexample_01-xs
description
  • use light background-colors for best visual contrast to the product image
  • it is recommend to show the product itself without dark shaddow effects and/or dark backgrounds

Clear product image

DosDon'ts
Imageexample_01-xsexample_01-xs
description
  • We recommend to show one single product
  • Make sure that the product is presented in the best possible way
  • The product should be completely visible

Product title

DosDon'ts
Imageexample_01-xsexample_01-xs
description
  • use a simple and clear category naming
  • reading online is less accurate that's why clearity is important

Source references#

  • Analysis Category Overview & order of 1st level navigation OS