Ecopro México
Ecopro manufactures pallets, urban furniture and playgrounds from recycled plastic in Mexico. Its previous site was built on Jimdo. The brief was a modern, clean proposal with well-ranked information. I designed and built the site with the in-house team at Soyculto, the agency, who provided the content and copy.
According to the client, the new site was a significant step forward from the previous one.
- Months on the project
- 3
- Pages in Spanish
- 34
- Pages in English
- 34
- Template for the inner pages
- 1
The problem
Many products with no hierarchy, no information and categories that said nothing.
The old site showed the catalog with images only, and the photos were reference shots. On Nuestros Productos, six buttons of different sizes led to ambiguous categories. The content was disorganized and the page felt overloaded. Buyers had to guess what each category offered.
The home sends buyers to their catalog.
A hero with two entry points, three industrial solutions and four product lines, each with its link.
What I did
01
Photos
I picked the best photos the client sent and edited them with AI to show each product at its best.
02
Look and feel
I defined a new look, palette and typography without losing the brand's essence: Ecopro green and Poppins.
03
Figma
I designed the home page and the category page in Figma.
04
Divi
I built the site on WordPress with Divi Builder: 34 pages in Spanish and 34 in English.
Site architecture
Home
Industry
- Custom Pallets
- Injection Pallets
- Industrial Grating
Urbanism
- Commercial Outdoor Furniture (Containers
- Benches
- Tables)
- Playground
- Tourism Equipment
- Skateparks and Dog Parks
Solutions
- Custom Projects
- Manufacturing Industry (Food and Pharmaceutical, Chemical Industry and Heavy Manufacturing, Construction)
- Urbanism (Local Authorities, Shopping Centers, Condominiums and Real Estate Developers, Hotels, Restaurants and Coastal Areas)
Expertise
- Plastic Lumber
- HDPE Recycled Plastic
EcoPro
- Our Story
- Terms & Conditions
- Privacy Policies
More pages
- Clients
- Contact (Commercial Offices)
Custom Pallets, top to bottom.
Intro, four benefits, four industry setups, technical advantages and FAQ, closed by a call to action.
The same hierarchy on the phone.
Home, Urbanism and Shopping Centers in a single column, in the desktop order.
Detail at component scale.
Solution cards · Benefits with icons · FAQ
Visual system
Main green
#016638
Accent
#84B121
Secondary
#1F2937
Gray
#F3F3F3
Background
#FFFFFF
Typefaces
Poppins ExtraBold
Headings
Poppins Medium
Body
Decisions
Imagery / Visual system
Editing the photos with AI
I used AI to edit the images. The client had little material and the photos came in low resolution. I aimed for the products to look better.
UX / System
One template for the inner pages
I designed a single template for every inner page, since many shared similar content. The process sped up and we gained delivery time.
UI / Visual system
Minimal pages against an overloaded site
I designed the pages in a minimal style to counter the previous site, which felt overloaded. I aimed for the content to read better.
Takeaway
Faster delivery with AI
I learned to speed up delivery by using AI well. On this project it let me start from low-resolution photos and reach a 34-page site in three months.