Aplicación movil

Tranqui

Diseño de aplicación movil que ayuda a mejorar la ansiedad, estrés y el ánimo mediante ejercicios de meditación.

Rol

Diseñador UX UI

Herramientas

  • Figma
  • Illustrator
  • Wordpress

Habilidades

  • Investigación de usuario
  • Arquitectura de información
  • Diseño de App

Tiempo

Marzo 2022 - Junio 2022

Equipo

  • Nicolas Lepe
  • Javiera Arias
ínea de tiempo del proceso de diseño: definición de temática y brief, investigación con encuestas, entrevistas y análisis de referentes; etapa UX con inventario de contenidos, arquitectura de información, mapa de navegación y wireframes; y etapa UI con guía de estilo, mockups y prototipo interactivo.

Descripción general

Ver Brief

Se desarrolló un diseño de aplicación movil para ayudar a las personas con ejercicios para enfrentar periodos de ansiedad y apoyar al estudiante con recursos de organización.


Investigación

Ver Investigación

Se realizó una investigación previa al diseño del proyecto, realizando encuestas y entrevistas a alumnos de 3 universidades de la zona, y analizándolas para definir que solucion sería mas optima para ayudar a personas con ansiedad.

Datos relevantes

Las conclusiones iniciales de la investigación previa fueron:

  • Saben que hay alguna ayuda pero no conocen a profundidad como estas funcionan, por lo que no acuden en busca de ayuda.
  • Los que han usado el programa sienten que su experiencia se podría mejorar.
  • Creen que se ven afectados producto de la pandemia, en ámbitos académicos y sociales.
  • Cuidan su salud mental socializando con amigos, realizando hobbies o evitando situaciones estresantes.

Arquetipos de usuario

En base a las entrevistas, llegamos a los siguientes hallazgos:

  • Los entrevistados comunmente se muestran con tristeza, ansiedad y síntomas depresivos.
  • Los establecimientos tienen un sistema de apoyo al estudiante, pero con poca interacción de los psicólogos.
  • Disminuye la interacción entre estudiantes y aumenta el uso de tecnologías.
  • La pandemia ha afectado a los estudiantes, producto del aislamiento.

En base a la información recopilada, generamos Arquetipos de usuario que nos ayudarán a desarrollar el proyecto.


Mapa de navegación

Para orientarnos en el desarrollo del diseño, generamos un mapa de navegación con todas las pantallas que serían diseñadas, considerando 3 ejercicios de relajación y una sección de organizar todas las tareas.

Wireframe

En paralelo con la elaboración de la guía de estilo, se crearon wireframes individuales por cada diseñador del equipo, los cuales fueron unificados en uno solo, considerando la navegación simple del usuario.

Imagen del diseño base de cada pantalla, conectada mediante lineas.

Guia de estilo

Ver Guia de estilo

En base a un moodboard en conjunto se generó una guía de estilo, considerando tonos suaves pasteles que acompañen la temática de tranquilidad.

Ficha detallando las tipografías, iconos, botones, ilustraciones, logotipo y paleta cromática

Finalmente, aplicamos todos los elementos gráficos y estilo para generar los mockup, que posteriormente usamos para armar el sitio en Wordpress.

Para ver las fotos completas, has click en cada una.