Miguel Lares
Volver
Caso de estudio / Branding & App Design

Moon Baby

Branding, App Design & Creative Direction
2024

Creé la identidad de Moon Baby y su sistema visual como punto de partida para el producto. Estos lineamientos guiaron el diseño UX/UI y prepararon una experiencia coherente para el desarrollo de la app Android.

Identidad → Sistema visual → Diseño UX/UI → App Android
Pantalla principal de Moon Baby
Pantalla inicial de Moon Baby con el logotipo
Resultados de la carta astral en Moon Baby
ClienteAstrositas
Mi rolDirector de Arte y responsable del proyecto en Techode
EquipoWanderth (Diseño UX/UI) y Christian (Desarrollo)
EntregablesIdentidad visual, dirección visual de la app y piezas para Google Play
El desafío

Traducir una visión sensible en una marca y un producto digital.

Astrositas quería convertir su conocimiento sobre astrología infantil en una herramienta cercana para madres y padres. Antes de diseñar pantallas, era necesario construir una identidad capaz de comunicar cuidado, magia y confianza.

El desafío consistió en crear primero un lenguaje de marca coherente y después llevarlo a una experiencia móvil clara, capaz de organizar la carta astral, la orientación diaria y el registro emocional sin volver compleja la consulta.

Turning a sensitive vision into a brand and a digital product.

Astrositas wanted to turn its knowledge of child astrology into an approachable tool for mothers and fathers. Before designing screens, the project needed an identity able to communicate care, magic and trust.

The challenge was to first create a coherent brand language and then translate it into a clear mobile experience that organized the birth chart, daily guidance and emotional tracking without making consultation feel complex.

Recorrido visual desde los valores y la identidad de Moon Baby hasta su sistema de diseño y experiencia móvil
Concepto de marca

Un universo visual para cuidar y acompañar.

Diseñé Moon Baby desde la unión de dos ideas: el universo como símbolo de descubrimiento y la primera infancia como espacio de cuidado. El isotipo integra una luna creciente con un bebé dormido para comunicar protección, calma y cercanía.

La identidad se definió antes que la interfaz. No fue una capa decorativa añadida al final, sino el sistema que estableció la personalidad, los colores, las formas y el tono visual que después orientarían el producto.

A visual universe designed to care and support.

I designed Moon Baby around two ideas: the universe as a symbol of discovery and early childhood as a space of care. The symbol combines a crescent moon with a sleeping baby to communicate protection, calm and closeness.

The identity was defined before the interface. It was not a decorative layer added at the end, but the system that established the personality, colors, shapes and visual tone that would later guide the product.

Concepto del isotipo Moon Baby y significado de sus elementos visuales

De la identidad al sistema visual.

El violeta aporta profundidad y conexión con el universo; el amarillo concentra la energía de la luna y las estrellas; el turquesa introduce cercanía y acción. Las formas redondeadas y las ilustraciones suavizan la información y mantienen el producto accesible.

Sistema visual de Moon Baby con paleta de colores, tipografía y recursos gráficos
Aplicaciones de marca
Criterios del producto

Una experiencia útil y cercana.

Con el universo visual definido, establecimos cuatro criterios para traducir la marca al producto y convertir la astrología infantil en una aplicación práctica para el día a día de las familias.

Comprender

Interpretar la carta astral infantil mediante explicaciones claras y accesibles.

Orientar

Ofrecer una guía cotidiana basada en la energía lunar y la información astrológica.

Registrar

Guardar emociones, hitos y observaciones de la crianza en una bitácora personal.

Integrar

Reunir carta astral, guía diaria y registro emocional en una experiencia coherente.

Diseño UX/UI y recorrido

Una identidad convertida en producto mediante un trabajo colaborativo.

Moon Baby se desarrolló dentro de Techode, un equipo interdisciplinario integrado por Wanderth, Christian y yo.

Como responsable del proyecto y Director de Arte, lideré la identidad y su aplicación visual en la interfaz. La estructura y el diseño UX/UI estuvieron a cargo de Wanderth, mientras que Christian lideró el desarrollo. Las funciones clave de la app quedaron organizadas así:

An identity turned into a product through collaborative work.

Moon Baby was developed within Techode, an interdisciplinary team formed by Wanderth, Christian and me.

As project lead and Art Director, I led the identity and its visual application in the interface. Wanderth was responsible for the UX/UI structure and design, while Christian led development. The app's key functions were organized as follows:

Pantalla de inicio de Moon Baby
Lanzamiento

El sistema preparado para el lanzamiento.

Diseñé la comunicación visual y las capturas para presentar la app en Google Play. Cada pieza combina el dispositivo, la identidad y un mensaje directo para explicar funciones clave como la carta astral, el Journal y la orientación lunar.

El objetivo fue mantener continuidad entre la marca, la experiencia dentro de la app y su primera presentación ante nuevos usuarios.

The system prepared for launch.

I designed the visual communication and screenshots used to present the app on Google Play. Each piece combines the device, identity and a direct message to explain key features such as the birth chart, Journal and lunar guidance.

The goal was to maintain continuity between the brand, the in-app experience and its first presentation to new users.

Página de Moon Baby en Google Play en español
Moon Baby Google Play page in English
Atmósfera visual de Moon Baby Pantallas y funciones principales de Moon Baby
Resultado

Un producto sólido nacido de la colaboración.

Moon Baby consolidó una identidad reconocible, un sistema de ilustración propio y una experiencia móvil coherente desde el acceso hasta su presentación en Google Play.

Este proyecto demostró cómo la dirección de arte, el diseño de experiencia y un desarrollo sólido pueden integrarse para crear un producto completo, coherente y funcional.

Ver todos los proyectos
¿Hablamos de tu marca? Hablemos ↗