Hablemos de tu proyecto

Para empezar, basta con algunos detalles. Nos pondremos en contacto contigo personalmente.

MAKE · USEFUL · BEAUTIFUL ·
Persona sosteniendo un teléfono inteligente mostrando una interfaz de aplicación.
ProductoApp de respiración y meditación
AlcanceBranding, UX/UI y desarrollo
PlataformaAplicación móvil

Aeri es una aplicación de respiración y meditación — una herramienta intuitiva para la práctica diaria que conecta cuerpo y mente. Está diseñada para deportistas y para quienes buscan calma, claridad, apoyo al rendimiento y recuperación.

Resumen del proyecto

Para Aeri, diseñamos y desarrollamos una aplicación minimalista y visualmente serena que guía suavemente hacia el descanso. Un diseño claro, ruido blanco visual y una incorporación guiada introducen la meditación y el trabajo respiratorio sin complejidad innecesaria. La app ayuda a reducir el estrés y apoya el rendimiento deportivo y la recuperación al llevar cuerpo y mente a un ritmo diario más equilibrado — respiración a respiración.

Categoría

  • Salud y bienestar
  • Deporte
  • Tecnología

Servicios

  • Estrategia de apps
  • Branding de aplicaciones
  • UX/UI & prototipado
  • Desarrollo de MVP

Enfoque

  • Aplicación web progresiva (PWA)
  • Arquitectura headless
  • Backend API-first
  • Serverless y basado en la nube
  • Accesible y conforme con la protección de datos

Tecnología

  • Payload
  • Vue
  • Capacitor
Persona con la cabeza inclinada hacia atrás en vista de perfil.
Diseñar la quietud: traducir la calma en código

Reto y potencial

En un mercado saturado de aplicaciones de bienestar recargadas, Aeri ofrecía la oportunidad de bajar el ritmo de forma deliberada. El objetivo no era crear otra herramienta de entrenamiento respiratorio, sino una experiencia digital que realmente transmitiera calma. Eliminamos todo lo innecesario y diseñamos una interfaz que comunica serenidad a través de la claridad. La tecnología debía apoyar en lugar de abrumar — una herramienta práctica para la presencia y la concentración. Cada decisión, desde la estructura hasta la interacción, equilibró sencillez, accesibilidad y resonancia emocional.

Dar vida a la marca

Trabajo de base

Antes de diseñar un solo píxel, exploramos la marca desde dentro. Los talleres colaborativos afinaron la visión del equipo fundador, aclararon las capas emocionales y estratégicas del producto y definieron aquello que lo distingue. Desde la alineación estratégica con el fundador hasta una revisión detallada de cada punto de contacto de la marca, esta fase dio a todas las decisiones creativas posteriores una base clara y coherente.

  • Inicio estratégico y debriefing
  • Taller colaborativo
  • Análisis de la competencia
  • Investigación de usuarios y audiencias
Una interfaz más humana empieza con estrategia

Estrategia de marca

Aeri planteaba una pregunta de diseño particular: ¿cómo traducir una práctica física profundamente arraigada en el cuerpo a una experiencia digital serena, integral y emocionalmente coherente? En talleres colaborativos definimos tres valores centrales: sencillez, presencia y profundidad somática. Dieron forma a un producto que hace más que explicar ejercicios respiratorios — se siente como respirar. El diseño minimalista y animado resultante acompaña la práctica sin ocultarla y da a cada respiración el espacio que necesita.

  • Propuesta de valor y posicionamiento
  • Valores de marca y desarrollo narrativo
  • Desarrollo de la voz de marca
Dos teléfonos inteligentes mostrando una interfaz de aplicación de ciclo de respiración sobre un fondo oscuro.
Persona en ropa deportiva de pie al aire libre.
Diseñada para todos — de atletas olímpicos a cualquiera que busque calma

Identidad visual

Aeri se diseñó para un público amplio, desde triatletas profesionales que entrenan para rendir hasta personas que buscan apoyo frente al estrés, la ansiedad o el dolor crónico. El trabajo estrecho del cliente con deportistas de élite orientó una app que conecta una profunda conciencia corporal con claridad funcional, mientras que una gran comunidad online pedía un tono abierto e inclusivo. Desarrollamos un lenguaje visual dinámico y asentado a la vez — lo bastante deportivo para usuarios centrados en el rendimiento, pero tranquilo y accesible para todos. El trabajo respiratorio no es para unos pocos; es para cualquiera que quiera bajar el ritmo y mejorar su calidad de vida.

  • Identidad de marca y diseño de logotipo
  • Color, tipografía y sistema de movimiento
  • Documentación del sistema de diseño
Carteles coloridos de arte callejero con siluetas y texto.
Persona corriendo en una pista.
Persona ajustando una gorra blanca con un logo colorido.
Botella de agua transparente con el logo 'Aeri' sobre una superficie roja texturizada.
Persona sosteniendo una sudadera con capucha azul con un diseño circular.
Encontrar el tono adecuado

Identidad verbal

En estrecha colaboración con el fundador, desarrollamos no solo el tono de voz, sino también el nombre Aeri. Sugiere ligereza sin volverse esotérico y remite de inmediato a su tema: respirar. El lenguaje de la app es igual de reducido. Textos breves y claros sustituyen a las explicaciones largas, sobre todo durante la incorporación, donde las personas conocen las técnicas respiratorias de forma gradual. Las sesiones no terminan con una estadística, sino con una afirmación — un cierre sereno que perdura.

  • Marco de mensajes
  • Directrices de redacción
  • Microcopy y redacción UX
  • Naming
La respiración, visualizada

Diseño de aplicación

Aeri planteaba una pregunta de diseño particular: ¿cómo puede una práctica física profundamente arraigada en el cuerpo convertirse en una experiencia digital serena, tangible y emocionalmente coherente? Los talleres colaborativos definieron sencillez, presencia y profundidad somática como valores centrales. Dieron forma a un producto que hace más que explicar ejercicios respiratorios — se siente como respirar. El diseño minimalista y animado acompaña la práctica sin estorbar y da a cada respiración el espacio que necesita.

  • Diseño de interfaz y prototipado
  • Experiencia de incorporación
  • Diseño de movimiento y microinteracciones
  • Integración de audio
  • Prototipado frontend e implementación
  • Entrega del sistema de diseño
  • Recursos de lanzamiento y soporte

Identidad de marca y logotipo

Diseñamos un logotipo minimalista, orgánico y rítmicamente equilibrado que refleja el ciclo natural de inhalar y exhalar. La forma de la «A» nace de la línea ondulada que recorre la experiencia central de la app como guía visual. Capta la dualidad del producto: quietud y movimiento, claridad y emoción. Más que una letra, el logotipo de Aeri se convierte en una metáfora visual de la presencia — sencilla, serena y humana.

Dos iconos de aplicaciones con símbolos de olas estilizados sobre un fondo oscuro.

Interfaz y prototipado

Cada elemento de la interfaz se redujo a lo esencial. El espacio generoso, la tipografía legible y una disposición clara crean ligereza y orientación, ayudando a que la mente se calme en lugar de añadir más ruido.

Visualización de la respiración y microinteracciones

Una de las funciones que definen a Aeri es la representación animada del ciclo respiratorio. En lugar de depender de palabras, desarrollamos un sistema guiado por el movimiento que acompaña visualmente cada fase: inhalar, mantener y exhalar. Esta señal centrada en el cuerpo hace que la experiencia sea tangible y viva, no solo comprensible.

Línea ondulada blanca con una ondulación circular sobre un fondo negro.
Donde el diseño se encuentra con la práctica

La aplicación en acción

Aeri se diseñó para ser más que funcional; crea una experiencia. Cada punto de contacto favorece un estado de flujo sereno e ininterrumpido. Desde la incorporación hasta las sesiones guiadas, la app orienta con naturalidad y ayuda a mantener la concentración. Imagen, sonido y movimiento trabajan en sincronía para guiar sin distraer. El resultado es una herramienta respiratoria intuitiva que casi desaparece — porque las mejores herramientas dejan espacio para lo importante.

  • Experiencia de incorporación
  • Diseño de movimiento
  • Integración de audio
  • Diseño de interacción
  • Prototipado frontend
Persona sosteniendo un smartphone mostrando una interfaz de aplicación de meditación.

Flujo UX e incorporación

El recorrido de usuario es deliberadamente sereno y está claramente estructurado, desde la primera interacción hasta la práctica diaria. La incorporación introduce con suavidad las bases del trabajo respiratorio y explica qué postura favorece una respiración relajada y cómo el diafragma y el suelo pélvico pueden dirigir el aire hacia el abdomen y el pecho.

Integración de movimiento y sonido

Microanimaciones y un motor de audio a medida acompañan cada ejercicio respiratorio en una interfaz mínima. Los paisajes sonoros y tonos de transición se sincronizan con el ritmo respiratorio para crear una experiencia multisensorial.

Personalización

Las personas pueden elegir entre seis temas visuales pensados para distintos estados de ánimo y momentos del día: Pure Black, Cool Horizon, Ocean Sand, Violet Pop, Lavender Twilight y Sunset Sorbet. El tono se puede ajustar y la respuesta háptica se puede activar o desactivar para usar la app en silencio. Ya hay previstas más opciones de personalización.