AgroContract

Design, development and branding of e-commerce website

AgroContract

Design, development and branding of e-commerce website

preview
[ Client ] LLC "Agro-Contract"
[ Corporate website ] agro-contract.com
/ Introduction

About project

[ Client ]

Agro-Contract is a platform for contract agreements between agricultural producers and suppliers. It simplifies interactions between farmers, agribusinesses, and suppliers. The platform improves the process of making deals and tracking their execution, enhancing transparency and efficiency in agribusiness.

[ Task ]

Previous website was outdated and barely operational, making online orders impossible. Our task was to create a user-friendly platform that would streamline the purchasing process for both large distributors and private customers, making the company's products more accessible.

[ Work plan ]

The project began with analyzing the old website and developing a new structure. After creating a modern design, we implemented easy navigation, a catalog with filtering options, and a personal account for orders. At the same time, we conducted rebranding, including a new logo for the website and product packaging.

/ Initial data

Client's major challenges

The old website, had significant usability issues and lacked an online ordering system. As a result, most customers had to place orders by phone, which was inconvenient and limited the company’s ability to attract new buyers. Additionally, the company's branding was outdated and no longer reflected a modern, professional image, requiring a complete redesign.

Outdated website with poor usability
Lack of private customers
Ineffective online sales system
preview
/ Processes

Project timeline

August
September
October
November
[ Planing ]
10
12
[ Planing ]
10
12
[ Design ]
13
03
[ Design ]
13
03
[ Development ]
04
04
[ Development ]
04
04
[ Testing ]
05
11
[ Testing ]
05
11
[ Deployment ]
12
14
[ Deployment ]
12
14
[ Branding ]
04
10
[ Branding ]
04
10
/ Initial data

Styles

  • #47981A
  • #FFFFFF
  • #E8E8E8
previewpreview
Font 1
Euclid Circular A
Font 2
Raleway
/ Initial data

Design-system

A sleek and structured set of UI components, guiding consistency and usability across the project.

preview
/ Introduction

Development

0102030405060708091011121314151617
[ Backend ]

For AgroContract's backend, we implemented a headless CMS using WordPress and WooCommerce. This setup allowed for efficient product management and seamless integration with the frontend. By decoupling the backend, we ensured scalability and flexibility for future enhancements

[ Frontend ]

On the frontend, we utilized Next.js to create a fast and responsive user experience. The static site generation capabilities of Next.js enabled quick load times, enhancing user engagement. We also incorporated dynamic routing to facilitate intuitive navigation throughout the e-commerce platform.

preview
preview
/ Initial data

Results

We built a new e-commerce site with easy navigation, a product catalog, filters, and personal accounts for order tracking. The company’s branding was redesigned, and the new logo is now featured on both the website and product packaging. These improvements attracted private customers and simplified the ordering process.

Modern and user-friendly online store
Increased private customer base
Enhanced brand visibility and recognition
preview
preview
preview
preview
preview