E-commerce Category Page Redesign (Figma) – Modern, Clean & Conversion Focused

  • ステータス: Closed
  • 賞金: $391
  • 受け取ったエントリー: 899
  • 優勝者: mariamb14

コンテスト概要

Contest Description

We run a large Dutch e-commerce store for professional kitchen equipment:
horecagemak.nl

We are looking for a modern redesign of our category / product listing page.

Our current design works functionally, but it looks outdated, crowded and not very modern. We want a cleaner, more organized and more premium design that improves usability and conversions.

A screenshot of the current page is attached.

The winning design should be delivered in Figma.

What needs to be redesigned

The category / product listing page, including:

• Product grid
• Product cards
• Filter sidebar
• Sorting options
• Pagination

Our goals

We want the page to feel:

• Modern
• Clean
• Well organized
• Easy to scan products quickly
• Professional B2B

Think of modern Shopify Plus style e-commerce design.

Design improvements we would like to see
Cleaner product cards

The current product cards contain too much information and feel visually crowded.

The new design should focus on:

• Product image
• Short product title
• Price
• Delivery information
• Add to cart button

Other information like warranty or article numbers can be less prominent.

Larger product images

Product images should be larger and more dominant.

In modern e-commerce designs the image often takes 70–80% of the card space.

Better spacing and hierarchy

The layout should feel:

• Less crowded
• Easier to read
• More premium

Improved filter sidebar

The filters should feel more modern and easy to use.

Examples of filters we use:

• Price range
• Brand
• Width / dimensions
• Depth
• Height

Designers may also suggest improvements.

Optional ideas

Designers can also include ideas like:

• Hover effects on product cards
• Product badges (e.g. “In stock”)
• Quick actions

Submission requirements

Please submit:

• A mockup of the redesigned category page
• Preferably in Figma

Showing the design in a real page layout mockup is highly recommended so we can see how it fits on the website.

Important

This contest is for design only.

No coding is required.
Our developer will implement the final design.

Design direction

Please keep the design clean, modern and professional.
Our customers are restaurants, snackbars and professional kitchens, so the design should feel trustworthy and business-oriented, not playful or overly colorful.

Focus on usability

The page should make it easy for users to quickly scan and compare products.

Clear hierarchy is important:

• Product image should be dominant
• Product title should be easy to read
• Price should stand out
• Call-to-action should be clear

Realistic layout

Please design the page as a realistic website layout, not just isolated product cards.

Show how the filters, product grid and sorting area work together so we can see the complete user experience.

A mockup inside a browser or webpage layout is highly preferred.


Voeg ook deze zin toe, anders krijg je AI random designs:

Low-quality or AI-generated designs without structure will not be considered.


https://www.horecagemak.nl/koelen-vriezen/koeltoonbanken/koeltoonbanken-koeltogen/

推奨スキル

採用者フィードバック

“One of the best designers on Freelancer”

プロフィール画像 Horecagemak1, Netherlands.

このコンテストのトップエントリー

エントリーをもっと表示

公開説明ボード

  • AdnaanMotiwala
    AdnaanMotiwala
    • 4週間前

    Please select me as the winner. I will provide unlimited revisions until you are satisfied.
    Entry number - #808 & #596

    • 4週間前
  • AdnaanMotiwala
    AdnaanMotiwala
    • 4週間前

    Please select me as the winner. I will provide unlimited revisions until you are satisfied.
    Entry number - #808 & #596

    • 4週間前
  • AdnaanMotiwala
    AdnaanMotiwala
    • 4週間前

    Please select me as the winner. I will provide unlimited revisions until you are satisfied.
    Entry number - #808 & #596

    • 4週間前
  • AdnaanMotiwala
    AdnaanMotiwala
    • 4週間前

    Please select me as the winner. I will provide unlimited revisions until you are satisfied.
    Entry number - #808 & #596

    • 4週間前
  • AdnaanMotiwala
    AdnaanMotiwala
    • 4週間前

    Please select me as the winner. I will provide unlimited revisions until you are satisfied.
    Entry number - #808 & #596

    • 4週間前
  • AdnaanMotiwala
    AdnaanMotiwala
    • 4週間前

    Please select me as the winner. I will provide unlimited revisions until you are satisfied.
    Entry number - #808 & #596

    • 4週間前
  • hafijulgraphix1
    hafijulgraphix1
    • 1ヶ月前

    #569 Hello Contest Holder,

    I designed a completely new Item Page UI for your project with a unique interactive concept. I created **18+ custom components** and built the design in a structured component system to achieve a realistic and professional output.

    Unfortunately, I already uploaded 3 images earlier, so I’m unable to submit my new UI concept directly in the contest entry. This made me quite disappointed because I invested significant effort into improving the design for your project.

    That’s why I kindly request you to review my **Figma Prototype** through the link below. I truly believe you will like the concept and quality of the work.

    Figma Prototype:
    https://www.figma.com/proto/9R4Zvdo05ErxE1ARTJPI5I/horecagemak?page-id=0%3A1&node-id=122-217&viewport=2742%2C151%2C0.41&t=h7dWonsGjywUdszd-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=122%3A217

    Thank you for your time and consideration.

    • 1ヶ月前
  • designerchoize
    designerchoize
    • 1ヶ月前

    Sir, can you please check #398 #413 and #520

    • 1ヶ月前
  • hafijulgraphix1
    hafijulgraphix1
    • 1ヶ月前

    #569 Hello Contest Holder,

    I designed a completely new Item Page UI for your project with a unique interactive concept. I created **18+ custom components** and built the design in a structured component system to achieve a realistic and professional output.

    Unfortunately, I already uploaded 3 images earlier, so I’m unable to submit my new UI concept directly in the contest entry. This made me quite disappointed because I invested significant effort into improving the design for your project.

    That’s why I kindly request you to review my **Figma Prototype** through the link below. I truly believe you will like the concept and quality of the work.

    Figma Prototype:
    https://www.figma.com/proto/9R4Zvdo05ErxE1ARTJPI5I/horecagemak?page-id=0%3A1&node-id=122-217&viewport=2742%2C151%2C0.41&t=h7dWonsGjywUdszd-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=122%3A217

    Thank you for your time and consideration.

    • 1ヶ月前
  • hafijulgraphix1
    hafijulgraphix1
    • 1ヶ月前

    #569 https://www.figma.com/proto/9R4Zvdo05ErxE1ARTJPI5I/horecagemak?page-id=0%3A1&node-id=122-217&viewport=2742%2C151%2C0.41&t=h7dWonsGjywUdszd-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=122%3A217

    • 1ヶ月前
  • AdnaanMotiwala
    AdnaanMotiwala
    • 1ヶ月前

    Please select me as the winner. I will provide unlimited revisions until you are satisfied.
    Entry number - #808 & #596

    • 1ヶ月前
  • AdnaanMotiwala
    AdnaanMotiwala
    • 1ヶ月前

    Please select me as the winner. I will provide unlimited revisions until you are satisfied.
    Entry number - #808 & #596

    • 1ヶ月前
  • AdnaanMotiwala
    AdnaanMotiwala
    • 1ヶ月前

    Please select me as the winner. I will provide unlimited revisions until you are satisfied.
    Entry number - #808 & #596

    • 1ヶ月前
  • AdnaanMotiwala
    AdnaanMotiwala
    • 1ヶ月前

    Please select me as the winner. I will provide unlimited revisions until you are satisfied.
    Entry number - #808 & #596

    • 1ヶ月前
  • AdnaanMotiwala
    AdnaanMotiwala
    • 1ヶ月前

    Please select me as the winner. I will provide unlimited revisions until you are satisfied.
    Entry number - #808 & #596

    • 1ヶ月前
  • AdnaanMotiwala
    AdnaanMotiwala
    • 1ヶ月前

    Please select me as the winner. I will provide unlimited revisions until you are satisfied.
    Entry number - #808 & #596

    • 1ヶ月前
  • AdnaanMotiwala
    AdnaanMotiwala
    • 1ヶ月前

    Please select me as the winner. I will provide unlimited revisions until you are satisfied.
    Entry number - #808 & #596

    • 1ヶ月前
  • AdnaanMotiwala
    AdnaanMotiwala
    • 1ヶ月前

    Please select me as the winner. I will provide unlimited revisions until you are satisfied.
    Entry number - #808 & #596

    • 1ヶ月前
  • AdnaanMotiwala
    AdnaanMotiwala
    • 1ヶ月前

    Please select me as the winner. I will provide unlimited revisions until you are satisfied.
    Entry number - #808 & #596

    • 1ヶ月前
  • AdnaanMotiwala
    AdnaanMotiwala
    • 1ヶ月前

    Please select me as the winner. I will provide unlimited revisions until you are satisfied.
    Entry number - #808 & #596

    • 1ヶ月前
  • hafijulgraphix1
    hafijulgraphix1
    • 1ヶ月前

    #569 https://www.figma.com/proto/9R4Zvdo05ErxE1ARTJPI5I/horecagemak?page-id=0%3A1&node-id=122-217&viewport=2742%2C151%2C0.41&t=h7dWonsGjywUdszd-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=122%3A217

    • 1ヶ月前
  • hafijulgraphix1
    hafijulgraphix1
    • 1ヶ月前

    #569

    • 1ヶ月前
  • hafijulgraphix1
    hafijulgraphix1
    • 1ヶ月前

    https://www.figma.com/proto/9R4Zvdo05ErxE1ARTJPI5I/horecagemak?page-id=0%3A1&node-id=122-217&viewport=2742%2C151%2C0.41&t=h7dWonsGjywUdszd-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=122%3A217

    • 1ヶ月前
  • hafijulgraphix1
    hafijulgraphix1
    • 1ヶ月前

    Hello Contest Holder,

    I designed a completely new Item Page UI for your project with a unique interactive concept. I created **18+ custom components** and built the design in a structured component system to achieve a realistic and professional output.

    Unfortunately, I already uploaded 3 images earlier, so I’m unable to submit my new UI concept directly in the contest entry. This made me quite disappointed because I invested significant effort into improving the design for your project.

    That’s why I kindly request you to review my **Figma Prototype** through the link below. I truly believe you will like the concept and quality of the work.

    Figma Prototype:
    https://www.figma.com/proto/9R4Zvdo05ErxE1ARTJPI5I/horecagemak?page-id=0%3A1&node-id=122-217&viewport=2742%2C151%2C0.41&t=h7dWonsGjywUdszd-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=122%3A217

    Thank you for your time and consideration.

    • 1ヶ月前
  • AdnaanMotiwala
    AdnaanMotiwala
    • 1ヶ月前

    Please select me as the winner. I will provide unlimited revisions until you are satisfied.

    • 1ヶ月前
  • AdnaanMotiwala
    AdnaanMotiwala
    • 1ヶ月前

    Please select me as the winner. I will provide unlimited revisions until you are satisfied.

    • 1ヶ月前
  • AdnaanMotiwala
    AdnaanMotiwala
    • 1ヶ月前

    Please select me as the winner. I will provide unlimited revisions until you are satisfied.

    • 1ヶ月前
  • AdnaanMotiwala
    AdnaanMotiwala
    • 1ヶ月前

    Please select me as the winner. I will provide unlimited revisions until you are satisfied.

    • 1ヶ月前
  • AdnaanMotiwala
    AdnaanMotiwala
    • 1ヶ月前

    Please select me as the winner. I will provide unlimited revisions until you are satisfied.

    • 1ヶ月前
  • hafijulgraphix1
    hafijulgraphix1
    • 1ヶ月前

    https://www.figma.com/proto/9R4Zvdo05ErxE1ARTJPI5I/horecagemak?page-id=0%3A1&node-id=122-217&viewport=2742%2C151%2C0.41&t=h7dWonsGjywUdszd-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=122%3A217

    • 1ヶ月前
  • hafijulgraphix1
    hafijulgraphix1
    • 1ヶ月前

    Hello Contest Holder,

    I designed a completely new Item Page UI for your project with a unique interactive concept. I created **18+ custom components** and built the design in a structured component system to achieve a realistic and professional output.

    Unfortunately, I already uploaded 3 images earlier, so I’m unable to submit my new UI concept directly in the contest entry. This made me quite disappointed because I invested significant effort into improving the design for your project.

    That’s why I kindly request you to review my **Figma Prototype** through the link below. I truly believe you will like the concept and quality of the work.

    Figma Prototype:
    https://www.figma.com/proto/9R4Zvdo05ErxE1ARTJPI5I/horecagemak?page-id=0%3A1&node-id=122-217&viewport=2742%2C151%2C0.41&t=h7dWonsGjywUdszd-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=122%3A217

    Thank you for your time and consideration.

    • 1ヶ月前
  • AdnaanMotiwala
    AdnaanMotiwala
    • 1ヶ月前

    Hello Client, if any changes are needed, please drop me a comment on the entry number #596 , #603 , #604 , #612 , #690 & #613 so I can deliver the best design for you

    • 1ヶ月前
  • AdnaanMotiwala
    AdnaanMotiwala
    • 1ヶ月前

    Hello Client, if any changes are needed, please drop me a comment on the entry number #596 , #603 , #604 , #612 , #690 & #613 so I can deliver the best design for you

    • 1ヶ月前
  • AdnaanMotiwala
    AdnaanMotiwala
    • 1ヶ月前

    Hello Client, if any changes are needed, please drop me a comment on the entry number #596 , #603 , #604 , #612 , #690 & #613 so I can deliver the best design for you

    • 1ヶ月前
  • AdnaanMotiwala
    AdnaanMotiwala
    • 1ヶ月前

    Hello Client, if any changes are needed, please drop me a comment on the entry number #596 , #603 , #604 , #612 , #690 & #613 so I can deliver the best design for you

    • 1ヶ月前
  • AdnaanMotiwala
    AdnaanMotiwala
    • 1ヶ月前

    Hello Client, if any changes are needed, please drop me a comment on the entry number #596 , #603 , #604 , #612 , #690 & #613 so I can deliver the best design for you

    • 1ヶ月前
  • Aqbilfakhrul
    Aqbilfakhrul
    • 1ヶ月前

    I would really appreciate it if you could take a look at and leave a review for my design at #896 . Thank you.

    • 1ヶ月前
  • Azim347
    Azim347
    • 1ヶ月前

    It's hilarious that people are pushing multiple entries like spams. If you want something truly professional and from an actual senior designer, kindly consider #831 . Would love to work with you further on this.

    • 1ヶ月前
  • hafijulgraphix1
    hafijulgraphix1
    • 1ヶ月前

    Hello Contest Holder,

    I designed a completely new Item Page UI for your project with a unique interactive concept. I created **18+ custom components** and built the design in a structured component system to achieve a realistic and professional output.

    Unfortunately, I already uploaded 3 images earlier, so I’m unable to submit my new UI concept directly in the contest entry. This made me quite disappointed because I invested significant effort into improving the design for your project.

    That’s why I kindly request you to review my **Figma Prototype** through the link below. I truly believe you will like the concept and quality of the work.

    Figma Prototype:
    https://www.figma.com/proto/9R4Zvdo05ErxE1ARTJPI5I/horecagemak?page-id=0%3A1&node-id=122-217&viewport=2742%2C151%2C0.41&t=h7dWonsGjywUdszd-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=122%3A217

    Thank you for your time and consideration.

    • 1ヶ月前
  • hafijulgraphix1
    hafijulgraphix1
    • 1ヶ月前

    https://www.figma.com/proto/9R4Zvdo05ErxE1ARTJPI5I/horecagemak?page-id=0%3A1&node-id=122-217&viewport=2742%2C151%2C0.41&t=h7dWonsGjywUdszd-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=122%3A217

    • 1ヶ月前
  • nadiraparves
    nadiraparves
    • 1ヶ月前

    Please check... #930 #931 #932

    • 1ヶ月前
  • sssalim018152347
    sssalim018152347
    • 1ヶ月前

    Please check my design #924

    • 1ヶ月前
  • sameerh20
    sameerh20
    • 1ヶ月前

    #204

    • 1ヶ月前
  • AdnaanMotiwala
    AdnaanMotiwala
    • 1ヶ月前

    Hello Client, if any changes are needed, please drop me a comment on the entry number #596 , #603 , #604 , #612 , #690 & #613 so I can deliver the best design for you

    • 1ヶ月前
  • AdnaanMotiwala
    AdnaanMotiwala
    • 1ヶ月前

    Hello Client, if any changes are needed, please drop me a comment on the entry number #596 , #603 , #604 , #612 , #690 & #613 so I can deliver the best design for you

    • 1ヶ月前
  • AdnaanMotiwala
    AdnaanMotiwala
    • 1ヶ月前

    Hello Client, if any changes are needed, please drop me a comment on the entry number #596 , #603 , #604 , #612 , #690 & #613 so I can deliver the best design for you

    • 1ヶ月前
  • priyomd5
    priyomd5
    • 1ヶ月前

    916 #Honestly, this work really comes from the heart. You can feel the effort, the time, and the emotion behind every detail. It’s not just a design—it’s a piece of passion and dedication. I truly gave my best to make something meaningful and memorable. I hope it connects with you the way it does with me ?

    • 1ヶ月前
  • priyomd5
    priyomd5
    • 1ヶ月前

    915 please chack

    • 1ヶ月前
  • rohanvyasdev
    rohanvyasdev
    • 1ヶ月前

    Hello Contest Holder, I have created the design based on your requirements. Please have a look and give feedback. Entry no. #914

    • 1ヶ月前
  • mdasifh7
    mdasifh7
    • 1ヶ月前

    Hello,

    I've carefully read all the requirements and submitted my design #912 with a strong focus on a clean, modern, and professional B2B layout.

    In my design, I improved:
    • Product card clarity with larger images and better hierarchy
    • Clean spacing and grid for easy product scanning
    • Modern, user-friendly filter sidebar
    • Clear pricing and call-to-action for better conversion

    The layout is designed to feel premium while staying highly usable for professional customers.

    I’d really appreciate your feedback, and I’m happy to refine anything based on your preferences.

    Thank you!

    • 1ヶ月前

コメントをもっと見る

コンテストの開始方法

  • あなたのコンテストを投稿

    あなたのコンテストを投稿 速くて簡単

  • たくさんのエントリーを集めましょう

    たくさんのエントリーを集めましょう 世界中から

  • ベストエントリーをアワード

    ベストエントリーをアワード ファイルをダウンロード - 簡単!

コンテストを今すぐ投稿 または本日参加!