Norris

  • UI
  • UX
Norris

2023

Tipo de proyecto

  • Proyecto Estudiantil

Software

  • Figma

Adaptación web

Desarrollada con enfoque en la responsividad, Norris es una aplicación web que asegura una experiencia de usuario coherente en dispositivos móviles y de escritorio.

Objetivo del Proyecto

Desarrollar una aplicación web para el cuidado de la salud de pacientes con EPOC, proporcionando una interfaz amigable para la gestión de síntomas, signos vitales y horarios de medicación.

Descripción General del Proceso de Trabajo

El proyecto se desarrolló siguiendo un enfoque iterativo centrado en el usuario, comenzando con la investigación de necesidades, pasando por la creación de wireframes y prototipos en Figma, y finalizando con la implementación del frontend y backend.

Rol y Responsabilidades en el Proyecto

Mi rol principal fue el de diseñadora UX/UI, donde fui responsable del diseño de la interfaz de usuario, la creación de prototipos en Figma, y la colaboración con el equipo de desarrollo para asegurar la implementación adecuada del diseño.

Lenguajes de Programación Utilizados

  • HTML
  • CSS
  • JavaScript
  • PHP (Laravel)
  • SQL (MySQL)

Enlaces a Redes

Proyecto Educativo - 2023

Objetivos del Proyecto

Al comenzar el prototipo del diseño web para Norris, nos enfrentamos a la falta de un UI Kit adecuado para mantener la coherencia visual a través de la plataforma. A raíz de esta situación, se establecieron los siguientes objetivos:

  • Crear un UI Kit basado en el estilo existente, adaptado específicamente para interfaces web.
  • Generar los componentes necesarios para el desarrollo, asegurando la funcionalidad completa en la versión web.
  • Diseñar un prototipo de alta fidelidad que sea completamente responsivo, asegurando una experiencia de usuario uniforme en todas las plataformas.
  • Realizar pruebas iterativas para optimizar la experiencia del usuario y ajustar el diseño según sea necesario.

Paleta de Colores

La paleta de colores ha sido seleccionada para alinearse con el diseño y la funcionalidad del asistente virtual Norris, reflejando un ambiente de tranquilidad y profesionalismo.

#38618e Profesionalismo
#428e98 Calma
#c1c2c4 Neutralidad

Componentes Utilizados

  • Menú
  • Chat
  • Botones
  • Búsqueda Filtrada
  • Estadísticas
  • Encuestas
  • Chat con Asistente