Presentacion De Proyecto
Fundación Semillas Diplomado Dashboard Presentacion Demo MVP Diplomados Dashboard Prográmate Cohorte VI Devs36
SOBRE EL PROYECTO
El producto
Prevew Dashborad diplomados fundacion Semillas
La Fundación Semillas, que ofrece diplomados en sostenibilidad del medio ambiente, desea saber el estado de ánimo sus alumnos, además de querer suministrarles una herramienta de fácil manejo, donde puedan organizar las tareas diarias propuestas por la institución.
Para ello, plantea que se desarrolle una aplicación web con varios dashboard, que muestren indicadores sobre las emociones que un alumno puede llegar a sentir durante el desarrollo de la formación por cada actividad que realizan.
Fundacción Semillas
Objetivos del proyecto Debe cumplir con los requerimientos del cliente Tener una interfaz limpia y dinamica Dar acceso directo a estadisticas sobre alumnos Incluir registros de estados de animo de los mismos Cumplir con requerimientos responsive
Lo que hicimos... nuestro enfoque y proceso
Nuestro principal enfoque es el de brindarle al usuario en calidad de Super Admin el acceso a datos en tiempo real de la calidad educativa y emocional de los estudiantes de los diferentes diplomados ofrecidos por la fundacion.
Investigación
En la investigación inicial se identicó el proceso de trabajo la estructura del dashboard, los contenidos del mismo los factores que influirian en la experiencia de usuario y así definir los problemas iniciales del proyecto.
Definimos el contenido que debe llevar el MVP para que el cliente conociera de primera mano los contenidos que podría encontrar en otras secciones (dentro de un proyecto final). Al igual que sus caracteristicas y demas.
Diseño UX
En este proceso se bocetó y se definieron las guias de color suministradas por el cliente, el estilo de los contenedores y los graficos, al igual que tamaños y tipografías.
Diseño UI
Prototipo
Manejando los esilos ya definidos en wireframes estruccturamos el diseño y la posterior maquetación en figma, ajustando la información para crear así un prevew, que nos permitiera saber donde poner cada elemento.
Desarrollo
Pasando el proyecto total a codigo aplicamos los paramatros ya mencionados con animaciones, desplegables, sliders y demas. para entregar un despliege estructurado al cliente usando el material previamente definido.
Tipografía Se utilizó de la tipografia usada por la marca, la cual ofrece fácil legibilidad. Green-Darker #009458 Green-Light #69BF97 Gradient 1 #69BF97 #06ED8F White #FFFFFF “Semillas Dashboard busca brindar datos actualizados con una interfaz limpia y sencilla, de facil acceso y usabilidad” Paleta de color Se hizo uso de la paleta suministrada por el cliente implementado en algunos elementos decorativos y esteticos que aportan peso a la interfaz de usuario.
de
Lenguajes
programación Herramientas de maquetado y programación Iconografía
Wireframes
Uno de los requerimentos del proyecto era hacerlo responsivo para que se adaptara a cualquier pantalla por esto mismo se adaptó para ordenador o max, tablet y smartphone.
Mockups
Rol Admin landing page
“Gracias por su atención”