CEportal

Rediseño de software industrial para marcado CE, mantenimiento e instalación de puertas de puertas

Sector

Automatización industrial

Creado en

Dinacode

Rol

UX/UI Designer

Herramientas

Figma / Adobe Photoshop / Adobe Illustrator / WordPress + Elementor

Contexto

CEportal es un software dirigido a profesionales especializado en la gestión del marcado CE, instalación y mantenimiento puertas automáticas en industrias, comercios y garajes.

La plataforma debía manejar una gran cantidad de información especializada, manteniendo al mismo tiempo una experiencia clara y eficiente para usuarios con distintos niveles de experiencia digital.

Reto

La interfaz existente era confusa, visualmente desordenada y poco coherente con la identidad de marca. El sistema dependía de formularios largos y mal estructurados, aumentando la carga cognitiva de los usuarios y ralentizando los procesos.

Además, era necesario crear una experiencia coherente entre la aplicación, la web corporativa y la identidad visual.

Solución

Contribución

Rediseño completo de la interfaz de la web app, con foco en claridad y facilidad de uso.
Definición de una nueva arquitectura de navegación.
Diseño de wireframes y prototipos de alta fidelidad.
Desarrollo de componentes UI reutilizables.
Maquetación y diseño de la nueva web en WordPress con Elementor.
Refinamiento del logotipo (simplificación y limpieza).
Creación de iconografía personalizada para la app.

Enfoque de diseño

La prioridad fue crear una experiencia funcional para usuarios no expertos en tecnología, con especial atención a formularios complejos y flujos de mantenimiento.

Trabajé en simplificar la navegación y estructurar la información de forma más intuitiva, priorizando la claridad en procesos complejos.

Organicé formularios y flujos para facilitar la comprensión de cada paso utilizando:

sistema visual limpio,
agrupación lógica de contenidos
jerarquías claras y
navegación guiada por indicadores de progreso que ayudaran al usuario a orientarse durante tareas extensas.

Resultado

El proyecto permitió transformar una herramienta técnica en una experiencia más accesible y coherente visualmente. El cliente obtuvo una plataforma preparada para gestionar procesos complejos con mayor claridad, respaldada por una identidad visual más sólida y una presencia digital alineada con el producto.

El rediseño mejoró la percepción de la marca y aportó una interfaz más profesional, clara y coherente tanto en la app como en la web.

Impacto

Reducción de la complejidad percibida de procesos altamente técnicos.

Unificación de la experiencia de marca entre producto, web e identidad visual, reforzando la percepción de profesionalidad de la empresa.

Aprendizajes

✏️

La claridad requiere de equilibrio

Diseñar para entornos industriales requiere equilibrar precisión técnica y facilidad de uso sin simplificar en exceso los procesos.