Native App
Android
Material Design 3

Diseño de red social para creadores de contenido de alta calidad · Desarrollo en Android

“El mundo es de los soñadores”

Beleaf es un proyecto ambicioso de red social para creadores de contenido de alta calidad. Su concepto único - centrado en la monetización de contenido y la progresión en rankings locales e internacionales - convertió este proyecto un reto desafiante para mí como diseñadora UX/UI.

El enfoque de diseño se centró en construir entornos visuales lúdicos y atractivos, capaces de captar y mantener la atención del usuario, fomentar el consumo de contenido y prolongar el tiempo de permanencia en la plataforma.

Pantallas Beleaf de Feed, Publicacion y Ranking

Una aplicación con personalidad

La apuesta de diseño se esconde en los pequeños detalles: iconos, ilustraciones y animaciones personalizadas que, además de añadir un toque lúdico a la experiencia de usuario, aportan carácter y una personalidad única a la aplicación.

Pantallas Beleaf de Mis Leafs, Boost It y Ranking

¿Ganar dinero mientras te diviertes? ¡Sí, con Leafs!

Leaf es la moneda oficial de la app. Su nombre viene del inglés “leaf” (hoja), y de ahí su forma tan particular. Surgió a partir del nombre de la misma app, Beleaf, que juega con el doble sentido: sé ligero, sé como una hoja, déjate llevar”.

Los usuarios pueden ganar leafs completando distintos tipos de retos. Con ellos pueden pagar por posts extra, subir sus publicaciones en el ranking, donar a otros usuarios y muchas cosas más. La idea de crear una moneda propia busca que la gente se motive al usar la app y la vea como un juego.

Boosting

Boosting es una funcionalidad que permite aumentar la visibilidad de una publicación dentro del ranking durante un período de tiempo determinado. El usuario puede elegir entre distintos niveles de alcance: local, comunidad autónoma, nacional o internacional. El boosting se activa utilizando leafs.

Una vez activado el boosting, se muestra un contador en la publicación que indica el tiempo restante de promoción.

Pantallas Beleaf Publicar, Boost It confirmación y Boost It tiempo restante

¿Te quedaste con ganas de más?

Te animo a explorar el proyecto completo con su prototipado en Figma. Además, puedes echar un vistazo al Design System, donde encontrarás todos los componentes interactivos (¡que tienen su buen trabajo detrás ☺️!). Mientras tanto, nos vemos en el próximo proyecto.