Project Overview
Client: Harsco Environmental
Product: CrossOver Turf
Scope: Website design
Company: Adfarm
Role: Lead Visual Designer
Tools: Adobe XD, Illustrator, Photoshop, Wordpress
Deliverables: Website, Visual Design System, Content Templates, AODA Compliance Implementation
Product: CrossOver Turf
Scope: Website design
Company: Adfarm
Role: Lead Visual Designer
Tools: Adobe XD, Illustrator, Photoshop, Wordpress
Deliverables: Website, Visual Design System, Content Templates, AODA Compliance Implementation
The Challenge
CrossOver Turf is a durable turf solution engineered for high-traffic areas such as construction sites, parking areas, and environmental remediation zones. Harsco needed a modern, responsive website to communicate the product’s technical benefits, use cases, and environmental impact, while improving lead generation and credibility.
Desktop and table version of home page with the new image
Tablet version of home page, product content, product information, news page
Strategy & Approach
The website was designed to prioritize clarity, easy navigation, and lead generation. Key goals included creating a visual hierarchy that balanced technical information with compelling product storytelling.
Design Direction
The website design featured:
A clean, modular layout system optimized for desktop, tablet and mobile
A color palette of green, brown, and red to represent agriculture and environmental stewardship
Clear typography to improve readability of technical specs and benefits
Interactive elements such as downloadable product sheets, information sheets, and contact form
High-quality photography showing real-world product applications
Collaboration and Process
I collaborated closely with our project manager, content strategist, marketing manager, design director and developer to ensure smooth handoff and accurate implementation. The process included iterative design reviews and user testing to refine usability and visual impact.
Outcome and Impact
The new site improved user engagement and facilitated easier access to technical information. It strengthened Harsco’s brand positioning in environmental solutions and increased inquiries through clear calls to action.
Reflection
This project enhanced my ability to design complex product websites that balance detailed information with compelling visuals. It also improved my collaboration skills across technical and marketing teams to deliver a cohesive user experience.
