Journaling & Goal Tracking Mobile App UX/UI Design | Mirello

Mirello is a mobile app that helps people unlock their potential by structuring and recording ideas and thoughts in their own electronic notebook. Beyond journaling, the app offers personalized recommendations that help users build a healthy interaction with themselves, combining notes, life areas, goals and self-reflection questionnaires in one place.

Our goal was to create a mobile app design that feels calm, structured and personal, so that writing, planning and reflecting become an easy daily habit.

Self-reflection tools often feel either too empty or too complicated. A blank notes app gives no direction, while heavy productivity tools can feel like work. Mirello needed to connect several layers of personal growth (free journaling, life areas, goals and regular check-ins) without overwhelming the user. Every screen had to stay simple enough for daily use while still giving a clear sense of structure and progress.

We started with research to understand how people journal, set goals and reflect on their progress. Based on these insights, we built a sitemap that organizes the app around its core areas and defines a clear user flow between them. Next, we created wireframes to map out key screens and prioritize content, then explored four design concepts to find the right balance between warmth and structure before moving into the final UI design.

In parallel, we built a design system to keep the mobile UI consistent and ready to scale.

A personal electronic notebook where users capture and structure ideas and thoughts in a clean, distraction-free layout.

Life areas give users a clear overview of the parts of life they want to work on. Dedicated goal pages turn intentions into trackable goals.

Guided questionnaires help users reflect on themselves and power the app's personalized recommendations.

Progress evaluation questionnaires let users regularly check in on their growth and see how their goals and life areas are developing over time.

Research Sitemap & User Flow

Wireframes

4 Design Concepts

Mobile App UX/UI Design

Design System in Figma

The final design gives Mirello a calm, structured mobile app experience that brings journaling, goal setting and self-reflection together in one place. A design system built on Inter typography, a warm light background and a bright lime primary accent keeps the interface clean, recognizable and easy to scale as new features are added.