<?xml version="1.0" encoding="utf-8"?>
Uxcel
Pro MembershipFor TeamsHelp
Log inSign up

AgroCart – E-Commerce Catalog Page for Agricultural Products

Toluwase Adedayo
Toluwase Adedayo
AgroCart – E-Commerce Catalog Page for Agricultural Products

AgroCart Catalog Page

AgroCart is an e-commerce platform for agricultural products. The goal was to create a clean, user-friendly catalog page that helps users quickly find and buy items like tools, organics, and crop-specific products.

Key Design Decisions:

  • Left-Side Filter Panel: Easy access to filter by Crop Type & Product Type. Keeps filters visible while browsing.
  • Simple Product Cards: Clean layout with essential info and strong visuals to avoid overwhelming the user.
  • Promo Box with Countdown: A special card in the grid highlights a 20% off offer with a live countdown. This designed to drive urgency and boost conversions.
  • Category Naming: Clear labels like "Crop Type" and "Product Type" help users understand and navigate quickly.

The design focuses on clarity, speed, and boosting purchase decisions with smart, minimal UI choices.

Tools used

Figma

From brief

Design a Product Catalog Page

Design a Product Catalog Page

Topics

UI DesignPageFiltersSortingShopping Cart

Share

Share your insights — leave a project review and help others grow their skills

Reviews

3 reviews

Benyamin Uber Jaya Prana

Benyamin Uber Jaya Prana

Mentor
Full-Stack Designer 74 reviews

Hello Toluwase,

Agrarcart catalog page design is clean, clear, thoughtfully structured. The filter panel and product cards are easily moved, and the layout supports a smooth browsing experience. Including a promotion box with a countdown is an intelligent note to promote user campaigns. It was well made!

EirinDesign

EirinDesign

Mentor
Product Designer 88 reviews

Hello Toluwase,

Your design for the AgroCart catalog page is clean, clear, and thoughtfully structured. The filter panel and product cards are easy to navigate, and the layout supports a smooth browsing experience. The inclusion of a promo box with a countdown is a smart touch to encourage user action. Nicely done!

.

Mona Eid Ahmed Eldkrory

Mona Eid Ahmed Eldkrory

Pro
UX/UI Designer 2 reviews

Nice work

5 months ago
19 Claps
Average 3.8 by 5 people
5 claps
4 claps
3 claps
2 claps
1 claps
Review project and earn 100 XP

You might also like

View all
Sneak
Project

Sneak

Martina Dalla Valle
Martina Dalla Valle
I designed a responsive desktop checkout page for Sneak, a modern sneaker e-commerce platform. The design focuses on reducing cart abandonme
19
3
Heuristic Evaluation - Booking.com
Project

Heuristic Evaluation - Booking.com

Petar Vrandečić
Petar Vrandečić
OverviewI examined Booking.com's desktop web site to find usability problems that could affect the hotel booking experience. Using Nielsen's
21
4
User persona for TikTok
Project

User persona for TikTok

John N.
John N.
RationalePlatform & DevicePlatform: TikTok Device: Android Market: Brasil. Project PreparationThe project began with the systematic organiz
4
1
Empathy Map - Revolut
Project

Empathy Map - Revolut

Petar Vrandečić
Petar Vrandečić
OverviewI analysed Revolut's mobile app platform to understand user pain points and create actionable insights for improving the digital ban
16
3
UNIVERSALTAXPROFESSIONALS WEBSITE REVAMP [ Informational Website ]
Project

UNIVERSALTAXPROFESSIONALS WEBSITE REVAMP [ Informational Website ]

Nico Guirnalda
Nico Guirnalda
Universal Tax Professionals (often abbreviated as UTP) is a U.S.-based tax and accounting firm that specializes in assisting American citize
15
4
Satori Reader-Dark & Light Mode Empty State Pages
Project

Satori Reader-Dark & Light Mode Empty State Pages

Isis
Isis
Satori Reader is a reading focused learning app for intermediate Japanese learners, despite their many offerings and huge library their bran
12
3

Visual Design Courses

UX Design Foundations Course
Popular
Course

UX Design Foundations

Gene Kamenez
Gene Kamenez
Learn the essentials of UX design to build a strong foundation in core principles. Gain practical skills to support product development and create better user experiences.
6h
Beginner
4.8 (14.3k)
Introduction to Figma Course
Course

Introduction to Figma

Gene Kamenez
Gene Kamenez
Learn essential Figma tools like layers, styling, typography, and images. Master the basics to create clean, user-friendly designs
5h
Beginner
4.5 (1.8k)
Design Terminology Course
Course

Design Terminology

Alesya Dzenga
Alesya Dzenga
Learn UX terminology and key UX/UI terms that boost collaboration between designers, developers, and stakeholders for smoother, clearer communication.
3h
Beginner
4.7 (8.8k)
<?xml version="1.0" encoding="utf-8"?>