UI/UX Improvement
Enhanced user interface provides a smoother and more intuitive experience for distributors, buyers, and producers.
Technologies used
JavaScript
React
Mobx
Motivation
The customer faced slow and inefficient user interactions on their agriculture platform, with difficulties in searching and filtering large datasets of products and categories, unclear navigation, and a sluggish interface. The main goal was to enhance the front-end to make the platform faster, more intuitive, and responsive, implement effective filtering and pagination, and structure nested categories to streamline search, ordering, and overall user experience, reducing frustration for distributors, buyers, and agricultural producers.
Main challenges
Challenge 01
Project Management and Coordination
Initially, the project was managed using spreadsheets, which caused inefficiencies, miscommunication, and delays in task execution. Requirements were sometimes unclear, and response times from the project manager could take hours or days, slowing down feature delivery. Azati proposed switching to agile project management using JIRA, which improved task visibility, prioritization, and coordination, enabling faster and more organized development.
#1
Challenge 02
Learning New Libraries and Technologies
The customer required rapid project completion using several libraries and technologies unfamiliar to the Azati team. Engineers had to quickly learn and adapt to these tools to implement features efficiently while maintaining code quality and meeting tight deadlines, which demanded fast onboarding and problem-solving under time constraints.
#2
Challenge 03
Complex Data Structuring and Filtering
The platform contained vast hierarchical datasets, including categories, subcategories, and product listings, making navigation and search challenging. Designing an intuitive filtering and pagination system that could efficiently handle large datasets while keeping the interface responsive and user-friendly across all user cabinets was a key challenge for the team.
#3
Our approach
Agile Project Management
Azati introduced JIRA to streamline task management and improve communication, allowing the team to efficiently track progress, resolve issues, and meet deadlines.
Frontend Development and Feature Enhancement
Our team focused on bug fixing, improving the filtering system, adding pagination, and enhancing various platform features. We optimized the user interface for better navigation and responsiveness.
Three Distinct User Cabinets
The platform was divided into three main sections: Distributor Cabinet, Buyer Cabinet, and Agricultural Producer Cabinet. Each section was tailored to the specific needs of its users, such as product distribution, purchase management, and agricultural planning.
Facing the same challenge?
Bring your complexity. We'll bring the plan. Select a convenient slot to start a conversation with our experts.
Schedule a callSolution
01
Distributor Cabinet
A dedicated interface for distributors to manage products, create ads, respond to purchase requests, and communicate with buyers, enabling efficient sales operations.
Key capabilities:
- Product ad creation and management
- Product card filling and updates
- Tracking and checkout of application lists
- Live chat with buyers
- Product filtering and logistics tools
- Targeted promotion of products to selected buyers
02
Buyer Cabinet
A personalized space for buyers to search for agricultural products, place purchase orders, manage accounts, and access a network of producers, improving convenience and transparency.
Key capabilities:
- User registration and account management
- Advanced product search with filters
- Purchase order creation and tracking
- Access to a network of agricultural producers
- Easy navigation across product categories
03
Agricultural Producer Cabinet
Tailored interface for agricultural producers to register products, manage orders, and plan fieldwork, ensuring smooth interaction with distributors and buyers.
Key capabilities:
- Product registration and classification
- Application checkout and order history
- Personal account management
- Tools for fieldwork and production planning
- Efficient interaction with buyers and distributors
Results & business impact
Efficiency Boost
Improved filtering and pagination reduced the time required to find and manage products, making the platform faster and more responsive.
Tailored User Experience
Three distinct user cabinets allow each user type to access relevant features and workflows, improving productivity and satisfaction.
Bug Reduction
Elimination of frontend bugs increased platform stability and reliability, minimizing user frustration.
Operational Effectiveness
The platform now supports streamlined communication, better data organization, and optimized workflows for the agricultural ecosystem.
