← Volver a proyectos

01 Caso de estudio · Protech

Dashboard de administración para carga de productos.

Diseño de interfaz y arquitectura frontend para una herramienta interna de gestión de productos.

Marca
Protech
Rol
UX/UI · Desarrollo Web
Tipo
Dashboard
Contexto
Administración y carga de productos
Protech - Catálogo Digital - Página de Inicio

Administrar un Catálago con un masivo de productos puede ser complicado.

El catálogo de Protech incluye más de 500 productos, donde cada producto tiene sus variantes, descripciones muy deetalladas donde el administrarlo puede ser algo tedioso o complicado cuando llega la hora de cargar productos.

El problema.

El proceso para cargar productos era muy tedioso y complicado.

  • Se cargaba manualmente mediante excel, no había algo automatizado.
  • Uso excesivo en errores de carga.
  • No había un control adecuado.
  • Trabajo directo con el código base.

Esto era un gran problema para la empresa, ya que el catálogo es una parte fundamental y al no tener esa virtud para optimizar el proceso, rompía con la eficiencia y escencia de la empresa.

Objetivos del producto.

  • Solución con un proceso más sofisticado.
  • Falicitar el entorno global para la carga de productos.
  • Mejora en la optimización del proceso.
  • Carga automatizada de productos.

Entendimiento del problema.

Por mucho tiempo se estuvo trabajando con el mismo proceso y con ello había errores de carga, no había un control adecuado, cargar directamente de una lista de excel era demasiado complicado que llevaba horas.

Se compilo cada situación del proceso para llevarlo a un análisis donde se llegaría a una conclusión para iniciar a desarrollar lo que es hoy un Dashboard totalmente optimizado.

""
— Resumen del proyecto

Mi rol en el proyecto.

Participé en el diseño y desarrollo de la plataforma, integrando decisiones de experiencia de usuario con la implementación técnica del sistema.

Responsabilidades principales:

  • Definición y aclaración del problema.
  • Análisis de los requerimientos.
  • Investigación del diseño a desarrollar.
  • Diseño de prototipos siguiendo la línea de diseño.
  • Desarrollo del sistema.

Fases del proyecto.

01

Investigación. Se analizaron los problemas del proceso a implementar.

02

Arquitectura. Se definió la estructura general del sistema.

03

Wireframes. Se desarrollaron wireframes para definir definir la visualización del sistema.

04

Diseño UI. Deesarrollo total del diseño de la interfaz.

Implementación técnica.

La plataforma fue desarrollada utilizando tecnologías web que permiten mantener control sobre la estructura del sistema y optimizar su rendimiento.

HTML CSS JavaScript PHP

Sistema visual.

El sistema visual del catálogo fue diseñado para facilitar la lectura de la información técnica y mejorar la comprensión de cada producto.

Las decisiones de diseño priorizaron:

  • Jerarquía clara de información.
  • Consistencia visual entre páginas.
  • Claridad en la presentación de especificaciones técnicas.
Protech - Vista 2
Protech - Vista 3
Protech - Vista 4
Protech - Vista 5

Infraestructura.

La plataforma fue implementada en un entorno de hosting gestionado mediante CPanel.

Esto permitió mantener control sobre el servidor y garantizar estabilidad en el funcionamiento del sistema.

Impacto del proyecto.

El nuevo sistema de gestión permitió optimizar el proceso de actualización en la carga de productos, tener un mejor control sobre el catálogo y reducir significativamente los tiempos y errores de carga.

Siguiente caso

Protech · Plataforma de exploración de productos

Siguiente caso

Monster Audio · catálogo para una marca emergente

¿Hablamos?

Abierto a nuevas
oportunidades.

Con emoción para colaborar en proyectos importantes.
Respondo en 24 horas entre semana.