Website powered by

Dashboard

Propuesta de actualización de diseño para dashboard solicitado como prueba de ingreso de la empresa CeCim. Se realizó en 1 día, utilizando como inspiración dashboards modernos como Firebase, y se implementó una maqueta funcional al día siguiente utilizando Vue. Ilustraciones de undraw.

Pueden revisar el código fuente aquí: https://github.com/Anasu/CeCim
Para revisar la implementación, ver aquí: https://testcecim.web.app

-------------------------
Respecto al diseño, comentar que en un comienzo, me preocupó la cantidad de información que había por pantalla y la arquitectura de información del sitio. Así que dado que tenía poco tiempo, me preocupé de mejorar el diseño en esas 2 líneas, utilizando la mañana para investigar la plataforma y documentar lo mejor posible la arquitectura de información del sitio, mientras que a la tarde me preocupé de buscar referencias de otros sitios y generar diseños Mi propuesta incluía un sidebar que permitiera al usuario navegar entre las principales vistas. Desde allí se iría a una pantalla de selección de contenido, en donde se podría navegar entre los diferentes tipos de contenido a visualizar. La idea era respetar el orden de las pestañas originales pero utilizando un mayor porcentaje de pantalla, con iconografía, colores y diagramación que hicieran de guía a través del sitio. El diseño fue pensado primariamente para escritorio, dado que este tipo de plataformas usualmente se visualizan a través de computadores de escritorio en las instalaciones.

Respecto a la implementación, mi mayor problema fue lidiar con el sidebar. Dado que dicho elemento no existe como componente en bootstrap vue, tuve que buscar alguna manera de implementarlo paralelamente. Terminé instalando unas librerías que al parecer, generan conflicto con bs-vue y resultaron difíciles de modificar. Me provocaron tal problema que finalmente sólo me era posible hacer deploy desde un computador con linux (que por suerte tenía a mano). Por una cosa de tiempo no implementé todas las vistas, pero espero hacerlo prontamente.

Propuesta de panel de inicio versión de escritorio

Propuesta de panel de inicio versión de escritorio

Propuesta de panel de inicio versión móvil

Propuesta de panel de inicio versión móvil

Vista Panel General (no implementada)

Vista Panel General (no implementada)

Vista login escritorio

Vista login escritorio

Vista login móvil

Vista login móvil

Dashboard original

Dashboard original