Aleela

A digital wellness game inspired by the ideas of Lila: it creates a space for self-observation in a short, clear mobile format.

Aleela — screen preview
Role
Product Designer
Domain
Wellness / Self-discovery
Team
Product manager, analyst, developers

About the project

Aleela is a mobile game created from scratch as an independent digital product inspired by the ideas of Lila.

The goal was not to directly transfer the classic mechanics, but to design a new game experience for smartphones: more compact, visually clear, and convenient for short user sessions.

Business problem

The market lacked a convenient mobile product that could preserve the atmosphere and depth of self-discovery practices while being designed specifically as a digital-first experience.

Directly transferring board-game or traditional mechanics to a phone screen led to an overloaded interface, complex onboarding, and poor readability of the game board.

Business task

Design an independent mobile-first game in the wellness / self-discovery genre from scratch, inspired by Lila but not copying it.

The key goal was to rethink the board structure, reduce visual overload, and create a convenient game experience where all key elements are readable and manageable within a smartphone screen.

Aleela onboarding

Action plan

To design Aleela as an independent mobile-first product, I broke the task down into several stages: researching the original Lila mechanics, analyzing similar wellness and self-discovery products, identifying mobile-screen constraints, and searching for a new game-board structure.

The task was not to literally transfer the classic game into digital, but to create a new experience that preserves the atmosphere of self-discovery while feeling simpler, working faster, and not overloading the user on a smartphone screen.

The goal was to find a balance between depth, visual expressiveness, and ease of interaction: reduce the number of entities on the screen, rethink the board structure, simplify navigation, and make the scenario understandable even for users who had never encountered such practices before.

Target audience research

The research aimed to understand how users perceive self-discovery practices in a digital product and where the line lies between “interesting depth” and “complexity users do not want to dive into.” The focus was on motivation, usage scenarios, expectations for the visual style, perception comfort, and willingness to interact with symbolic game mechanics on a mobile device.

The results showed that three things are especially important for this audience: a gentle entry point, visual clarity, and a sense of controlled movement through the scenario. The user should feel that the product guides them step by step instead of forcing them to understand a complex system immediately. This directly influenced Aleela’s structure: the number of fields and objects was rethought so the game remained expressive while fitting the logic of a single mobile screen and preserving readability.

Interview questions

Current experience

Have you previously had experience with self-discovery practices, reflection, esoteric games, or similar digital products?
What feels closer to you: perceiving this kind of product as a game, as a reflection practice, or as a tool for inner work?
In what situations would you open Aleela: to distract yourself, reflect on yourself, get a new perspective on a situation, or simply out of curiosity?
How familiar is it for you to go through this kind of experience on a smartphone rather than offline or with a facilitator?

Pain points

What creates the most tension in such products: unclear rules, too many objects on the screen, complex wording, or a sense of chaos?
Have there been situations where you did not understand where to tap next or why a particular screen was needed?
What is more frustrating: visual overload, long onboarding, overly abstract explanations, or having to spend a long time figuring out the mechanics?
Have you ever stopped going through a similar scenario halfway? Why did that happen?

Working with the interface

What on the game screen helps you quickly understand what to do next, and what causes confusion instead?
How important is it for you that the core game logic is immediately readable without long explanations or training?
What is more convenient: when the whole path is broken into clear steps, or when the main elements are available immediately on one screen?
At what point do you feel that you understand the mechanics and can move forward without doubt?

Expectations

What should the ideal Aleela screen look like so the interaction feels light, calm, and clear?
What is more important to you in such a product: atmosphere, visual beauty, a sense of meaning, or ease of progression?
Do the main game objects and scenario logic need to fit within one mobile screen without feeling overloaded?
What should happen in the interface to make you want to complete the scenario rather than close the app earlier?

List of Job Stories

Based on interviews and gathered insights, I formulated Job Stories to capture real user tasks, identify key pain points, and define which solutions should form the basis of the design.

When I feel an inner need to understand myself or my situation, I want a clear and careful tool so I can start without tension or skepticism.
When I try an unfamiliar self-discovery practice, I want to quickly understand its logic so I do not quit because of complexity in the first minutes.
When I open such a product on my phone, I want to see a simple and calm screen so I do not get tired from overload or lose interest.
When I go through this kind of experience alone, without a facilitator or live guidance, I want the interface to gently guide me step by step so I do not doubt what to do next.
When I use a digital product for reflection, I want to focus on my thoughts and feelings, not on how the interface works.
When I am looking not for entertainment but for a meaningful personal experience, I want the product to feel cohesive, calm, and respectful of my state.

Analysis findings

Short game steps

Scenarios that do not require deep immersion work best. It is easier for users to engage with the product when the path is broken into short and clear actions. The less complexity they feel at the start, the higher the chance they will stay in the scenario.

Simplicity without feeling primitive

The interface should be light and clear, but not oversimplified. If the presentation feels too childish or superficial, part of the audience will not take the product seriously. It is important to maintain a balance between softness, aesthetics, and meaning.

A clear visual path

The audience needs not just to read text, but to see where they are moving. If the interface lacks a sense of path, progress, and the next step, engagement drops quickly. In Aleela, the structure should guide the user gently and consistently.

Illustrations as part of the mechanics

The visual language here works not only for aesthetics, but also for understanding the state, stage, and context. Illustrations and the game board help users read meaning faster, but if overloaded with details, they start to get in the way. Therefore, visual expressiveness should remain controlled.

Engagement through image and atmosphere

Many wellness products have useful content but weak emotional delivery. Aleela can stand out through a warmer, more lively and game-like experience where the character, atmosphere, and sense of guidance matter, not just a set of screens and texts.

An alternative to reading

Not everyone is comfortable perceiving meaning through text. Audio and other supporting formats can make the experience more accessible and softer, especially in a relaxed or reflective scenario. But these elements should strengthen the product, not create extra noise.

Competitor analysis

For Aleela, I studied wellness and self-discovery products, as well as digital services with a similar logic of immersion into a scenario. It was important to understand how such products explain the mechanics, hold attention, and avoid overloading the user on a mobile screen.

The analysis showed that a simple structure, calm visual presentation, and a clear path within the scenario are especially important for this audience. These principles became the foundation of Aleela’s interface.

Competitors

Meditopia
Calm
Yoga app
Prosto
Yoga
Pirozhok
Aleela competitor screens
Analysis of Aleela’s audience, competitors, and product

First wireframes and product structure

At this stage, I assembled the early product structure and first wireframes for key screens. This made it possible to quickly test composition, transition logic, and the basic user-path architecture before detailed visual design.

The main task was not visual polish, but testing the scenario: how the user enters the product, moves through the steps, and how consistently they perceive the mechanics.

First wireframes and product structure Aleela

Solution hypotheses

The hypotheses were based on several principles: a short entry into the scenario, adaptation of the game board to the mobile screen, step-by-step user guidance, the character as a contact point, illustrations as part of the mechanics, minimal heavy text, and audio as an additional supporting layer.

The key idea is that the user should quickly understand what is happening, where they are moving, and what action to take next, without feeling overloaded or faced with complex instructions.

Hypothesis 1. Short entry into the scenario

The first screen should quickly explain the product logic and not scare the user with complexity. The easier the start, the higher the chance that the user will stay in the scenario.

Hypothesis 2. A board adapted for smartphones

The number of fields and objects should be designed for a mobile screen. It is important that the structure is readable immediately and does not break down into small, hard-to-distinguish elements.

Hypothesis 3. Step-by-step user guidance

The user needs a calm and consistent route. The interface should show what to do now and what will happen next, without unnecessary uncertainty.

Hypothesis 4. The character as a contact point

A character can make the experience warmer and more human. It helps engage, guide, and reduce tension before a new mechanic.

Hypothesis 5. Illustrations as part of the mechanics

The visual language should help users understand the state and stage of the journey. Illustrations are useful as long as they support meaning rather than drawing all attention to themselves.

Hypothesis 6. Minimal heavy text

Wording should be short and easy to read on a phone. The simpler the language, the less friction there is in progressing through the scenario.

Hypothesis 7. Audio as a supporting layer

Voice can become a soft alternative to reading. This makes the product more accessible and helps maintain the right state during the journey.

All hypotheses were taken into work and implemented in the app

Scenario elaboration

At this stage, I relied on the formulated Job Stories and built a user flow for key user paths.

This helped break the main actions into steps, see the structure of each path, and identify potential error points and unnecessary actions before moving on to prioritization and detailed interface design.

Aleela scenario elaboration and user flow

Onboarding and game start

This section shows how the user first gets acquainted with Aleela, understands the game-board structure, and begins their journey. The scenario was made as gentle and clear as possible to lower the entry barrier and involve the user faster.

Onboarding and game start Aleela

Request creation scenario

This section shows Aleela’s core game loop: turn, roll, movement across the board, and transition to a new cell. The scenario was designed to make the mechanics understandable from the first interaction, preserve the feeling of movement along a personal path, and avoid overloading the user with extra actions between turns.

Request creation scenario screens

Creating a request through chat

This scenario was created to help the user formulate a personal request without pressure or the paralysis of a blank screen. Through dialogue, clarifying questions, and ready-made examples, Aleela gently guides the person from a general topic to a clearer and more conscious formulation, making entry into the game simpler, clearer, and more human.

Screens for creating a request through chat

Archetypes and energies

This section was created to help the user better understand the inner states, qualities, and forces they interact with in the game. Through clear images — elements and types of energy — the app adds an additional layer of interpretation, makes the game path more meaningful, and helps connect what happens in the interface with the user’s personal feelings, emotions, and request.

Archetypes and energies screens

Insight flow

The section was created as a living feed of observations, interpretations, and responses along the user’s game path. It helps save important thoughts, quickly return to selected cells, and see not separate fragments, but a holistic picture of one’s movement inside Aleela.

Insight flow screens

Emotions and states

The section was created to help the user better recognize their emotions and understand which inner state accompanies them in the game. Through simple visual images and short descriptions, Aleela provides an additional support point for self-observation and makes the journey more meaningful.

Emotions and states screens

Profile and progress

This section was created so the user could see their path in Aleela not just as a set of separate moves, but as personal progress. It brings together key data about the user’s state, game dynamics, selected request, and accumulated statistics — helping them better understand their route, return to important points, and feel development within the scenario.

Profile and progress screens

UI-kit

Aleela was created from scratch, so the UI kit was designed as an independent system for a mobile-first product. In this section, I show the key interface elements — colors, typography, buttons, forms, icons, navigation, and game components — that helped make the product cohesive, recognizable, and convenient for users.

UI-kit Aleela

Cell illustrations

For Aleela, 40 separate illustrations were created — one for each cell of the game board. They helped not only make the journey visually rich, but also give each point its own character, mood, and semantic accent. In the case study, I show only part of the illustrations to avoid overloading the page, but this is enough to convey the scope of work and show how the visual language supported the game mechanics.

Game-board cell illustrations

Interviews and UX tests

Interviews and UX tests showed that Aleela’s main barrier is not the product idea itself, but the risk of overloading the user with complex moves and overly abstract presentation.

Interview and UX test cards

Results

The exact project metrics remain confidential, so I do not provide internal numbers in the case study.

However, all solutions were designed as testable product hypotheses: for each change, we defined which part of the user journey it affected and which metrics could be used to evaluate it after launch.

The focus was on reducing unnecessary actions, increasing interface clarity, and improving the main user path from entering the game to completing the scenario.

Made on
Tilda