Ecopro México
Ecopro fabrica en México tarimas, mobiliario urbano y juegos infantiles de plástico reciclado. Su sitio anterior estaba hecho en Jimdo. Me pidieron una propuesta moderna, limpia y con la información bien jerarquizada. Diseñé y construí el sitio con el equipo interno de Soyculto, la agencia, que puso los contenidos y los textos.
Según el cliente, el sitio nuevo fue un avance significativo frente al anterior.
- Meses de proyecto
- 3
- Páginas en español
- 34
- Páginas en inglés
- 34
- Template para las páginas internas
- 1
El problema
Muchos productos sin jerarquía, sin información y con categorías que no decían nada.
El sitio anterior mostraba el catálogo solo con imágenes, y las fotos eran referenciales. En Nuestros Productos, seis botones de distinto tamaño llevaban a categorías ambiguas. El contenido estaba desorganizado y la página se sentía sobrecargada. El comprador tenía que adivinar qué ofrecía cada categoría.
La home reparte al comprador hacia su catálogo.
Hero con dos accesos, tres soluciones industriales y cuatro líneas de producto, cada una con su enlace.
Lo que hice
01
Fotos
Elegí las mejores fotos que envió el cliente y las edité con IA para mostrar cada producto con más atractivo.
02
Estética
Definí la estética, la paleta y la tipografía nuevas sin perder la esencia de la marca: verde Ecopro y Poppins.
03
Figma
Diseñé en Figma la home y la página de categoría.
04
Divi
Construí el sitio en WordPress con Divi Builder: 34 páginas en español y 34 en inglés.
Arquitectura del sitio
Inicio
Industria
- Tarimas Personalizadas
- Tarimas Inyectadas
- Rejilla Industrial
Urbanismo
- Mobiliario Urbano (Contenedores
- Bancas
- Mesas)
- Plaza de Juegos
- Equipamiento para Turismo
- Skateparks y Parques Caninos
Soluciones
- Proyectos a Medida
- Industria y Manufactura (Alimenticia y Farmacéutica, Industria Química y Manufactura Pesada, Construcción)
- Urbanismo (Autoridades Locales, Centros Comerciales, Consorcios y Promotores Inmobiliarios, Hoteles, Restaurantes y Zonas Costeras)
Expertise
- Madera Plástica
- HDPE Plástico Reciclado
EcoPro
- Trayectoria
- Términos y Condiciones
- Políticas de Privacidad
Más páginas
- Clientes
- Contacto (Oficinas Comerciales)
Tarimas Personalizadas, de arriba a abajo.
Introducción, cuatro ventajas, cuatro configuraciones por industria, ventajas técnicas y preguntas frecuentes, cerradas por una llamada a la acción.
La misma jerarquía en el celular.
Inicio, Urbanismo y Centros Comerciales en una sola columna, con el orden del desktop.
El detalle, a escala de componente.
Tarjetas de soluciones · Ventajas con iconos · Preguntas frecuentes
Sistema visual
Verde principal
#016638
Acento
#84B121
Secundario
#1F2937
Gris
#F3F3F3
Fondo
#FFFFFF
Tipografía
Poppins ExtraBold
Títulos
Poppins Medium
Párrafos
Decisiones
Imagen / Sistema visual
Editar las fotos con IA
Usé IA para editar las imágenes. El cliente tenía poco material y las fotos venían en baja resolución. Busqué que los productos se vieran mejor.
UX / Sistema
Un template para las páginas internas
Diseñé un solo template para todas las páginas internas, porque había muchas con contenido similar. El proceso se aceleró y ganamos tiempo de entrega.
UI / Sistema visual
Páginas minimalistas frente al sitio sobrecargado
Diseñé las páginas de forma minimalista para contraponer el sitio anterior, que se sentía sobrecargado. Busqué que el contenido se leyera mejor.
Lo que me llevo
Entregar más rápido con IA
Aprendí a acelerar las entregas usando bien la IA. En este proyecto me permitió partir de fotos en baja resolución y llegar a un sitio de 34 páginas en tres meses.