Mockup web DUCOR: pantallas de Contacto, Nutrición y Protección superpuestas sobre paisaje agrícola de hortalizas

DUCOR

2024
Diseño UI/UX
Cliente
Agencia Selfish®
Sector
Agroindustria Tecnología agrícola Corporativo
Servicio
Diseño UI/UX Diseño Web
Duración del proyecto
6 meses
Herramientas
Figma, Photoshop, Illustrator
Premio
Diseño de interfaz para el nuevo sitio web de DUCOR, empresa jalisciense con más de 50 años en el sector agroindustrial. Este rediseño formó parte de su aniversario y buscó renovar su presencia digital con un enfoque moderno, accesible y funcional. El objetivo fue actualizar su sitio alineándolo con su identidad de marca, priorizando la experiencia del usuario y destacando su catálogo de productos. Se diseñó una interfaz intuitiva que permite explorar, filtrar y descargar fácilmente fichas técnicas desde cualquier dispositivo.
Ver detalles ◳Proyecto en vivo ✦
Interfaz tablet y móvil DUCOR mostrando fichas de producto ABAMEFIX y EXALT con brote de planta en suelo, diseño web agroindustria

El desafío

Diseño para el agro mexicano

DUCOR buscaba actualizar su sitio web para reflejar la solidez de su trayectoria y la innovación de sus soluciones. La necesidad principal era estructurar una experiencia digital más intuitiva, enfocada en la funcionalidad del catálogo de productos. El reto consistía en rediseñar la interfaz manteniendo la esencia de la marca, optimizando la navegación y asegurando que los usuarios pudieran acceder fácilmente a fichas técnicas y datos relevantes desde cualquier dispositivo.

La solución

Un sitio moderno, funcional y alineado a su legado

Diseñé una propuesta UI/UX centrada en la funcionalidad, accesibilidad y visualización clara de la información. Las secciones desarrolladas incluyeron: página de inicio, catálogo de nutrición y protección, ficha interna de producto, bolsa de trabajo, sucursales y contacto. Se priorizó la claridad en la navegación, una arquitectura de contenido lógica, y una identidad visual coherente con los valores de DUCOR. El layout se diseñó para realzar sus etiquetas y logotipos, haciendo más accesible la descarga de documentos técnicos sin perder la estética institucional.

Diseño UI / UX responsive en iPhone: sección Protección y Nutrición de innovación de la web DUCOR sobre cultivo de lechugas
Confía en el proceso

Proceso creativo

Desde la idea inicial hasta el resultado final, cada etapa está diseñada para conectar visualmente y cumplir los objetivos.
01
Briefing

Comprensión de los objetivos de DUCOR, revisión del branding actual y estudio de los elementos visuales existentes para asegurar una coherencia gráfica con su identidad institucional.

02
Arquitectura

Definición de secciones clave y diseño de flujos de navegación centrados en la experiencia del usuario. Se priorizó la usabilidad y el fácil acceso a fichas técnicas.

03
Diseño

Creación de prototipos en Figma para cada sección, cuidando la jerarquía visual y la legibilidad. Se incorporaron elementos gráficos que reflejan la identidad de marca y mejoran la experiencia digital.

04
Entrega

Revisión y ajustes finales con base en retroalimentación, optimización de archivos y exportación de assets para el equipo de desarrollo.

Guía de estilo DUCOR: tipografía Futura en jerarquía de titulares y paleta de colores corporativos con códigos hex #007940 #CE202F #5EBC5E #2C3833 #4C5D57 #F2F4F1 #F9FAFA
Mockup MacBook Air con página de inicio de DUCOR ‘Trabajando en conjunto con el agricultor’ sobre fondo de arrozales, diseño UI / UX agroindustrial
Composición de pantallas de Inicio, Nutrición y Contacto de la web DUCOR sobre campo de cultivo al atardecer, interfaz web para agroindustria

Descubre más

Valúo Consulting

Diseño UI/UX

Superdeportistas Mexicanos

Arte e Ilustración
Editorial

Luzerna

Diseño UI/UX
E-commerce
¡Sígueme en redes!