@l-green
arrow-back-left-up

Regresar

work

UI/UX

Web & Apps

Proyectos enfocados en UI/UX, en los cuales ejercí los siguientes puestos: Líder UI/UX, Front-End and UI designer, consultor UX.

Sketch, Adobe XD

Contenido

Pixeltivo

Plataforma educativa de Arte Digital. Creada al 100% con Sketch utilizando nuevas tendencias y estilos tipo iOS. Actualmente la estoy desarrollando. #sketch #uiux #nodejs #frontend #backend

Pixeltivo InicioPixeltivo Detalle Curso

Knotion

Empresa dedicada a la creación de productos digitales enfocados en la educación a nivel kinder, primaria, secundaria y preparatoria. Se crean mini juegos en formato web que refuerzan aprendizajes de matemáticas, historia, química, geografía, física, etc y también se crearon mini juegos o experiencias digitales en UNITY con 3d. Mucho del producto finalizado no se puede mostrar por cuestiones legales, las imágenes aquí son a nivel wireframe, prototipo o con diseño en 2D sin incluir interacción, 3d y demás cosas que terminan integrando cada producto realizado. En muchos casos se utilizaba Sketch o Adobe XD junto con una tableta para simular algún tipo de movimiento en la interfaz y también cada producto siempre iba acompañado de audios que indicaban la dinámica del producto, apoyaban al refuerzo del aprendizaje o simplemente llevaban música. #sketch #wireframe #ui #ux https://www.knotion.com/

Dinámica de trabajo: se tenían juntas con los académicos que decidían los temas a desarrollar en experiencias digitales, junto con un responsable de 3D e ilustración se escuchaba la idea del académico y a partir de ahí se proponía re-utilizar algún producto, ajustar el diseño o contenido o crear otro totalmente nuevo. En caso de que fuese nuevo, se proponía desde cómo el estudiante iba a interactuar con la interfaz del producto hasta qué iba a pasar, animaciones y si tendría algún puntaje. Una vez terminada la junta, mi trabajo era elaborar el wireframe, buscar soluciones para lo que se había platicado y proponer algún cambio en caso de que se hubiese pasado en alto algún tema en específico, todo confirmado con las áreas de 3d, programación e ilustración. Con los wireframes listos, se pasaban a las diferentes áreas para que pudiesen ir avanzando.

Knotion Interfaz 2D

Interfaz en 2D de una sección del interactivo en UNITY


Representación Botones con 3D

Representación de botones de la interfaz que llevan modelos en 3D


Coach UI Wireframe

Wireframe de Interfaz que funciona como representante para el profesor y poder evaluar a los alumnos de acuerdo a las respuestas obtenidas por los interactivos


Representación 3D

Representación del wireframe del interactivo, la imagen del fondo, de la tierra, emula cómo podría llegar a verse el 3D pero representa el zoom y perspectiva del modelo 3D


Interfaz con emulación 3D

Representación de la interfaz con los colores correspondientes al grado y que el lado derecho emula cómo debería de verse tanto en perspectiva como posicionado el objeto en 3D.