Agro-Trade

A product site for a biosecurity distributor, with tools farmers actually use: a distributor finder on a map and a dosage calculator on every product.

{Client}: Agro-Trade Sp. z o.o.
{My role}: Front-end & WordPress development
{Stack}: WordPress, Google Maps, JS
{Design}: [Designer / agency]
{Year}: [YEAR]
{Live}: agro-trade.pl ↗

{agro-trade.pl}

{Brief}

From a product list to tools for the farm

Agro-Trade sells disinfection and biosecurity products for farms through a large network of distributors. Customers need to know where to buy, how much product to use and which documents come with it. [Adjust to the real brief.]

{What I did}

Built the WordPress site from the provided design
Developed the distributor finder with address search, radius and map
Added a dosage calculator to the product pages
Structured the catalogue: categories, product facts, downloadable documents

{Highlight: Distributor finder}

The nearest stockist, a few kilometres away

A farmer types an address and picks a search radius with a slider. The map shows every distributor across Poland, and the list beside it narrows to the ones in range, each with its address and phone number.

{Where to buy} — address, radius, list and Google Map together

{01} Address search
{02} Radius slider
{03} Map with every distributor
{04} Scrollable results list

{Dosage calculator}

How much do I need for my barn?

Every product page can carry a calculator. Enter the surface area and the concentration, and it returns how much solution and how much product the job needs. The site assumes 300 ml of solution per m².

Calculator on the live site — {On the site} — calculator under the Virkon S product

{Key features}

{01}

Product catalogue

Products grouped into categories such as washing, disinfection, insecticides and rodent control, with a category sidebar.

{02}

Documents per product

Labels, permits, safety data sheets and leaflets, ready to download from the product page.

{03}

Sales and service team

Sales reps by region next to a map of Poland, plus a device service team with direct contacts.

{04}

Company story

A timeline of the company's history and a grid of the manufacturers it partners with.

{Catalogue} — categories on the left, products on the right

{Product} — description, use and documents

{Full page}

Scroll the home page

Category tiles, products, the distributor search, events and a newsletter sign-up, all on one page.

* WordPress
* Google Maps
* Dosage calculator
* Product documents

{scroll ↓}

{Technical notes}

[How distributors are stored and geocoded, how the radius search is calculated, how the calculator is configured per product, and how documents are attached.]

{Takeaways}

[The hardest part of the project and what you learned from it, in one or two sentences.]

{Next: 07}

TeamUp School