Pola

TM

Mujer sostiene un teléfono inteligente con la aplicación Aeri abierta para ejercicios de respiración para la salud y el aumento del rendimiento.Mujer sostiene un teléfono inteligente con la aplicación Aeri abierta para ejercicios de respiración para la salud y el aumento del rendimiento.

Aplicación Aeri

Resumen del Proyecto

01

LIVE WEBSITE

Alcance

Para Aeri, diseñamos y desarrollamos una aplicación minimalista y visualmente relajante que guía suavemente a los usuarios hacia la relajación. Con un diseño limpio, ruido blanco visual y una integración guiada, Aeri enseña cómo meditar eficazmente y practicar la respiración. La aplicación ayuda a reducir el estrés, mejorar el rendimiento atlético y equilibrar cuerpo y mente durante todo el día, una respiración a la vez.

Categoría

Salud y Bienestar
Deportes

Servicios

Concepto y Branding de la App

Diseño y Desarrollo de la App

Diseño UI / UX

Enfoque

Aplicación Web Progresiva (PWA)

Arquitectura Headless

Backend API-first

Sin Servidor y en la Nube

Accesible y Compatible con la Privacidad

Tecnologías

Un primer plano de un hombre meditandoUn primer plano de un hombre meditando

Reto y Potencial

02

Traduciendo la Calma en Código: Diseñando para la Quietud, el Enfoque y el Flujo

En un mercado saturado de aplicaciones de bienestar sobreestimulantes, Aeri ofreció una oportunidad única para hacer menos y hacerlo mejor. El propósito no era solo construir otra herramienta de respiración, sino crear una experiencia digital que ralentice genuinamente a los usuarios.

Esto significó eliminar el ruido, diseñar para la quietud y construir una interfaz donde cada elemento se sienta intencionado. Fue una oportunidad para repensar cómo la tecnología puede apoyar la presencia encarnada, no distraer de ella. Desde la arquitectura hasta la interacción, cada decisión apuntó a honrar la simplicidad, accesibilidad y profundidad emocional.

Fundamentos

03

Lo que entregamos

  • Sprint de Entrada
  • Lanzamiento Estratégico y Resumen
  • Taller Colaborativo
  • Auditoría Competitiva
  • Investigación de Usuario y Público

Dando Vida a la Marca

Antes de diseñar un solo píxel, profundizamos en el corazón de la marca. A través de talleres colaborativos, nos alineamos con la visión del cliente, desglosamos las capas emocionales y estratégicas de su oferta, y clarificamos lo que la hace verdaderamente única.

Desde la alineación con el fundador hasta una auditoría completa de los puntos de contacto de la marca, esta fase sentó las bases estratégicas para cada decisión creativa posterior, asegurando consistencia, claridad y propósito a lo largo del proyecto.

Tu Espacio para Reconectar con tu Respiración, Cuerpo y Mente

Tu Espacio para Reconectar con tu Respiración, Cuerpo y Mente.

Tu Espacio para Reconectar con tu Respiración, Cuerpo y Mente.

Estrategia de Marca

04

Lo que entregamos

  • Estrategia Creativa
  • Propuesta de Valor y Posicionamiento
  • Pilares de Marca y Desarrollo Narrativo
  • Exploración del Tono de Voz

Fundamentos Estratégicos para una Interfaz Más Humana

Aeri se propuso responder a un desafío de diseño matizado: ¿cómo se traduce una práctica de respiración física, profundamente somática, en una experiencia digital que se sienta tranquila, encarnada y emocionalmente resonante?

Comenzamos con talleres colaborativos para definir los valores centrales: simplicidad, presencia y profundidad somática. Estos conocimientos dieron forma a una experiencia de producto que no solo guía la respiración, sino que se siente como respirar.

A partir de ahí, desarrollamos un sistema minimalista, guiado por el movimiento, que apoya, en lugar de distraer del, la práctica, permitiendo que la respiración tome el centro del escenario.

Dos iPhones muestran la configuración y la vista de inicio de un ejercicio de respiraciónDos iPhones muestran la configuración y la vista de inicio de un ejercicio de respiración
Primer plano dinámico de una corredora desde atrásPrimer plano dinámico de una corredora desde atrás

Identidad Visual

05

Lo que entregamos

  • Investigación Visual y Creación de Moodboards
  • Identidad de Marca y Diseño de Logo
  • Sistema de Color, Tipografía y Movimiento
  • Documentación del Sistema de Diseño

Diseñando para Todos: Desde Olímpicos hasta Cualquiera que Busque Calma

Aeri fue creada para un amplio espectro de usuarios, desde triatletas de élite que entrenan para el rendimiento hasta individuos que buscan alivio del estrés, la ansiedad o el dolor crónico.

El trabajo del cliente con atletas profesionales inspiró el énfasis de la aplicación en la profundidad somática y la precisión, mientras que su amplia comunidad en línea pidió un tono que se sienta abierto e inclusivo.

Por eso diseñamos un lenguaje visual que es tanto dinámico como enraizado; lo suficientemente deportivo como para resonar con los de alto rendimiento, pero tranquilo y accesible para todos. Porque la respiración no es solo para unos pocos, es para cualquiera que necesite ralentizarse y reconectar.

Una pared en un entorno urbano con carteles publicitarios de Aeri App y grafitis. Los carteles muestran siluetas oscuras de personas de diversas procedencias haciendo ejercicios de respiración, sobre fondos de colores, superpuestos con el círculo de respiración de la app.Una pared en un entorno urbano con carteles publicitarios de Aeri App y grafitis. Los carteles muestran siluetas oscuras de personas de diversas procedencias haciendo ejercicios de respiración, sobre fondos de colores, superpuestos con el círculo de respiración de la app.
Primer plano de las piernas de una corredora con desenfoque de movimientoPrimer plano de las piernas de una corredora con desenfoque de movimiento
Vista aérea de una mujer vestida deportivamente que lleva una gorra blanca con el logo de la aplicación AeriVista aérea de una mujer vestida deportivamente que lleva una gorra blanca con el logo de la aplicación Aeri
Una botella de agua transparente con el logo de la aplicación Aeri en blanco, que se encuentra sobre una pista de tartánUna botella de agua transparente con el logo de la aplicación Aeri en blanco, que se encuentra sobre una pista de tartán
Una mujer lleva una sudadera azul medio con la obra de arte de la interfaz de usuario de Aeri y el logotipoUna mujer lleva una sudadera azul medio con la obra de arte de la interfaz de usuario de Aeri y el logotipo

Identidad Verbal

06

Lo que entregamos

  • Definición del Tono de Voz
  • Marco de Mensajes
  • Guías de Redacción
  • Microcopia y Escritura UX
  • Naming

Encontrando el Tono Correcto

En estrecha colaboración con el fundador, desarrollamos no solo el tono de voz, sino también el nombre Aeri. Un nombre que transmite ligereza sin sonar esotérico, e instantáneamente sugiere de qué trata el producto: el aliento.

El lenguaje de la aplicación es intencionadamente minimalista. En lugar de largas explicaciones, copias cortas y claras comunican lo que importa, especialmente durante la incorporación, que introduce suavemente a los usuarios a las técnicas de respiración. Y cuando una sesión termina, no hay estadísticas, solo una afirmación silenciosa para cerrar la experiencia con intención.

Tu respiración crea calma interior.

Cada respiración te trae equilibrio y armonía.

Libera con gracia lo que ya no te sirve.

Diseño de la App

07

Lo que entregamos

  • Arquitectura UX
  • Diseño de Interfaz y Prototipado
  • Experiencia de Onboarding
  • Diseño de Movimiento y Microinteracciones
  • Integración de Audio
  • Prototipado Frontend / Implementación
  • Entrega de Sistema de Diseño
  • Activos para el Lanzamiento y Soporte

Respiración, Visualizada.

Aeri se propuso responder a un desafío de diseño matizado: ¿cómo se traduce una práctica de respiración física, profundamente somática, en una experiencia digital que se sienta tranquila, encarnada y emocionalmente resonante?

Comenzamos con talleres colaborativos para definir los valores centrales: simplicidad, presencia y profundidad somática. Estos conocimientos dieron forma a una experiencia de producto que no solo guía la respiración, sino que se siente como respirar.

A partir de ahí, desarrollamos un sistema minimalista, guiado por el movimiento, que apoya, en lugar de distraer del, la práctica, permitiendo que la respiración tome el centro del escenario.

Identidad de Marca y Logo

Creamos un logo que es minimalista, orgánico y rítmicamente equilibrado, eco del ciclo natural de inhalación y exhalación. La forma de la “A” se deriva de la línea ondulada que fluye a través de la experiencia central de la aplicación, actuando como una guía visual.

Captura la dualidad en el corazón del producto: quietud y movimiento, claridad y emoción. Más que una simple forma de letra, el logo de Aeri se convierte en una metáfora visual de presencia: simple, tranquilo y profundamente humano.

Dos variantes del logotipo de la aplicación Aeri. Arriba en degradado Lavender Twilight y abajo en blanco y negro.Dos variantes del logotipo de la aplicación Aeri. Arriba en degradado Lavender Twilight y abajo en blanco y negro.

Interfaz de Usuario y Prototipado

Cada elemento en la IU fue intencionadamente reducido a lo esencial. Nos enfocamos en el espacio en blanco, tipografía accesible y un diseño espacial que promueve el flujo y la claridad, diseñado para calmar la mente, no sobrecargarla.

Visualización de la Respiración y Microinteracciones

Una de las características distintivas de Aeri es el ciclo de respiración animado. En lugar de depender del lenguaje, diseñamos un sistema basado en el movimiento que guía visualmente a los usuarios a través de cada fase de la respiración: inhalar, sostener, exhalar. Este señalamiento somático convierte la experiencia en algo sentido, no solo seguido.

Vista detallada de la ola y el círculo, que indican la inhalación y exhalación durante la meditación de respiración.Vista detallada de la ola y el círculo, que indican la inhalación y exhalación durante la meditación de respiración.

Activación de Marca

08

Lo que entregamos

  • Arquitectura UX
  • Experiencia de Onboarding
  • Diseño de Movimiento
  • Integración de Audio
  • Diseño de Interacción
  • Prototipado Frontend

Donde el diseño se encuentra con la práctica

Aeri fue construida para ser más que funcional: es experiencial. Cada punto de contacto está diseñado para apoyar un estado de flujo calmado e ininterrumpido. Desde la introducción guiada hasta las sesiones guiadas, la aplicación elimina fricciones e invita a la presencia.

Visuales, sonido y movimiento trabajan en sincronía para guiar al usuario suavemente, sin distracción. El resultado es una herramienta intuitiva de respiración que se siente casi invisible, porque las mejores herramientas te permiten centrarte en lo que más importa.

Una persona que sostiene un iPhone y mira los ejercicios de la aplicación AeriUna persona que sostiene un iPhone y mira los ejercicios de la aplicación Aeri

Flujo de UX y Onboarding

El recorrido del usuario es intencionadamente tranquilo y claramente estructurado, desde la primera interacción hasta el uso diario. La experiencia de onboarding introduce suavemente a los usuarios a los fundamentos de la respiración.

Aprenden qué postura apoya una respiración relajada y cómo respirar conscientemente en el abdomen y el pecho usando el diafragma y el suelo pélvico.

Integración de Movimiento y Sonido

Microanimaciones y un motor de audio personalizado guían la experiencia de respiración con una interfaz mínima. Paisajes sonoros y tonos de transición sincronizan con ritmos de respiración para crear una experiencia multisensorial.

Personalización

Los usuarios pueden elegir entre seis temas visuales adaptados a diferentes estados de ánimo y momentos del día: Negro Puro, Horizonte Fresco, Arena del Océano, Pop Violeta, Crepúsculo Lavanda y Sorbete de Atardecer.

También pueden ajustar el tono y activar la retroalimentación háptica para un uso silencioso, con más características de personalización ya en desarrollo.

¿Estás listo para transformar tu marca?

No dudes en ponerte en contacto si estás interesado en trabajar con nosotros o tienes preguntas sobre lo que hacemos. Estamos aquí para ayudar.

Comencemos

Persona observa el sitio web de Blueforte en una laptop.

Tecnología

Blueforte