What is Meggles?
The Task
Journaling often feels like a blank page with no guidance, which can be overwhelming—especially for those struggling with mental health, self-awareness, or life transitions. Traditional apps focus on note-taking, not storytelling or emotional engagement.
The Approach
Meggles transforms journaling into a guided, meaningful ritual. With daily prompts, mood tracking, and multimedia support, it helps users reflect consistently and with purpose. Over time, their entries are compiled into a cohesive timeline—allowing them to revisit their year as a storybook of memories, growth, and emotion.
Meggles is a reflective journaling app that delivers daily prompts to help users explore their memories, emotions, and personal growth. Through multimedia entries, mood tracking, and gentle storytelling structure, the app transforms daily reflections into a cohesive life narrative. It’s designed to feel like a conversation with yourself, your past, and maybe even someone else.
What is Meggles?
The Task
Journaling often feels like a blank page with no guidance, which can be overwhelming—especially for those struggling with mental health, self-awareness, or life transitions. Traditional apps focus on note-taking, not storytelling or emotional engagement.
The Approach
Meggles transforms journaling into a guided, meaningful ritual. With daily prompts, mood tracking, and multimedia support, it helps users reflect consistently and with purpose. Over time, their entries are compiled into a cohesive timeline—allowing them to revisit their year as a storybook of memories, growth, and emotion.
Meggles is a reflective journaling app that delivers daily prompts to help users explore their memories, emotions, and personal growth. Through multimedia entries, mood tracking, and gentle storytelling structure, the app transforms daily reflections into a cohesive life narrative. It’s designed to feel like a conversation with yourself, your past, and maybe even someone else.
Inspiration
Meggles was inspired by my close friend, Megan Morris, the kind of person who knows everything about you, but rarely shares her own story.
Two years ago, she sent me a 65-page document filled with chapters from her life. Each one was vivid—some hilarious, others heartbreaking—and each ended with a question I had to answer by texting her. It was like being guided through her memories, one message at a time.
That experience stuck with me. It made me feel closer to her than ever before, and it opened my eyes to how powerful storytelling can be—not just in writing, but in connection.
Meggles is a tribute to that moment. It’s a journaling app that invites users to explore their lives one story, one question, and one reflection at a time.
Development Process
Discovery & Research
The team identified key features and user needs.
Focus was on designing a straightforward interface that would facilitate quick, easy posting and searching of donations.
Ideation & Concept
Defined core features.
Created personas and user scenarios.
Sketched early concepts and app structure.
Wireframing & Flow
Mapped user journey.
Built low-fidelity wireframes for key screens.
UI Design
Developed a soft, calming visual identity.
Used rounded elements, soothing colors, and friendly typography.
Prototyping & Testing
Created high-fidelity prototype in Figma.
Ran usability tests with target users.
Inspiration
Meggles was inspired by my close friend, Megan Morris, the kind of person who knows everything about you, but rarely shares her own story.
Two years ago, she sent me a 65-page document filled with chapters from her life. Each one was vivid—some hilarious, others heartbreaking—and each ended with a question I had to answer by texting her. It was like being guided through her memories, one message at a time.
That experience stuck with me. It made me feel closer to her than ever before, and it opened my eyes to how powerful storytelling can be—not just in writing, but in connection.
Meggles is a tribute to that moment. It’s a journaling app that invites users to explore their lives one story, one question, and one reflection at a time.
Development Process
Discovery & Research
Conducted user interviews and surveys.
Identified journaling pain points.
Analyzed competitor apps.
Ideation & Concept
Defined core features.
Created personas and user scenarios.
Sketched early concepts and app structure.
Wireframing & Flow
Mapped user journey
Built low-fidelity wireframes for key screens.
UI Design
Developed a soft, calming visual identity.
Used rounded elements, soothing colors, and friendly typography
Prototyping & Testing
Created high-fidelity prototype in Figma.
Ran usability tests with target users.
Sketches
Sketches
Screens
Create Account / Log In
Purpose: Allows new users to sign up or existing users to log in with ease.
Log In Screen
Purpose: Simple login form for returning users to quickly access their account.
How Are You Currently? (Mood Tracking)
Purpose: Users select from four emotions to track their mood for the day.
Splash Screen
Purpose: A loading screen with the Meggles logo and subtle "me." pattern to set the tone.
Home Page
Purpose: Welcomes the user and shows their current day in the journey with a warm, friendly message.
Daily Prompt (Day Card Flip)
Purpose: Reveals the day's prompt with options to begin reflecting or return to the home page.
Prompt Response Screen
Purpose: Lets users answer the prompt with text, an image, or audio that auto-transcribes into the text box.
Audio Recording Screen
Purpose: Displays the interface for recording voice notes to be converted into written entries.
Image Upload Screen
Purpose: Shows how a selected image is added to the journal entry, enhancing the personal reflection.
Journal Archive (Calendar View)
Purpose: Lets users revisit past entries through a calendar showing journal activity by date.
Entry View Screen
Purpose: Displays a past entry in read-only to preserve the authenticity of that moment.
Goodbye Screen
Purpose: A warm, illustrated farewell message shown after logging out, leaving users with a comforting goodbye.
The Task
Journaling often feels like a blank page with no guidance, which can be overwhelming—especially for those struggling with mental health, self-awareness, or life transitions. Traditional apps focus on note-taking, not storytelling or emotional engagement.
What is Meggles?
The Approach
Meggles transforms journaling into a guided, meaningful ritual. With daily prompts, mood tracking, and multimedia support, it helps users reflect consistently and with purpose. Over time, their entries are compiled into a cohesive timeline—allowing them to revisit their year as a storybook of memories, growth, and emotion.
Meggles is a reflective journaling app that delivers daily prompts to help users explore their memories, emotions, and personal growth. Through multimedia entries, mood tracking, and gentle storytelling structure, the app transforms daily reflections into a cohesive life narrative. It’s designed to feel like a conversation with yourself, your past, and maybe even someone else.
Inspiration
Meggles was inspired by my close friend, Megan Morris, the kind of person who knows everything about you, but rarely shares her own story.
Two years ago, she sent me a 65-page document filled with chapters from her life. Each one was vivid—some hilarious, others heartbreaking—and each ended with a question I had to answer by texting her. It was like being guided through her memories, one message at a time.
That experience stuck with me. It made me feel closer to her than ever before, and it opened my eyes to how powerful storytelling can be—not just in writing, but in connection.
Meggles is a tribute to that moment. It’s a journaling app that invites users to explore their lives one story, one question, and one reflection at a time.
Development Process
Discovery & Research
The team identified key features and user needs. Focus was on designing a straightforward interface that would facilitate quick, easy posting and searching of donations.
Ideation & Concept
Defined core features.
Created personas and user scenarios.
Sketched early concepts and app structure.
Wireframing & Flow
Mapped user journey.
Built low-fidelity wireframes for key screens.
UI Design
Developed a soft, calming visual identity.
Used rounded elements, soothing colors, and friendly typography.
Prototyping & Testing
Created high-fidelity prototype in Figma.
Ran usability tests with target users.
Sketches
Screens
Create Account / Log In
Purpose: Allows new users to sign up or existing users to log in with ease.
Log In Screen
Purpose: Simple login form for returning users to quickly access their account.
How Are You Currently? (Mood Tracking)
Purpose: Users select from four emotions to track their mood for the day.
Splash Screen
Purpose: A loading screen with the Meggles logo and subtle "me." pattern to set the tone.
Home Page
Purpose: Welcomes the user and shows their current day in the journey with a warm, friendly message.
Daily Prompt (Day Card Flip)
Purpose: Reveals the day's prompt with options to begin reflecting or return to the home page.
Prompt Response Screen
Purpose: Lets users answer the prompt with text, an image, or audio that auto-transcribes into the text box.
Audio Recording Screen
Purpose: Displays the interface for recording voice notes to be converted into written entries.
Image Upload Screen
Purpose: Shows how a selected image is added to the journal entry, enhancing the personal reflection.
Journal Archive (Calendar View)
Purpose: Lets users revisit past entries through a calendar showing journal activity by date.
Entry View Screen
Purpose: Displays a past entry in read-only to preserve the authenticity of that moment.
Goodbye Screen
Purpose: A warm, illustrated farewell message shown after logging out, leaving users with a comforting goodbye.
Create Account / Log In
Purpose: Allows new users to sign up or existing users to log in with ease.
Log In Screen
Purpose: Simple login form for returning users to quickly access their account.
How Are You Currently? (Mood Tracking)
Purpose: Users select from four emotions to track their mood for the day.
Screens
Splash Screen
Purpose: A loading screen with the Meggles logo and subtle "me." pattern to set the tone.
Home Page
Purpose: Welcomes the user and shows their current day in the journey with a warm, friendly message.
Daily Prompt (Day Card Flip)
Purpose: Reveals the day's prompt with options to begin reflecting or return to the home page.
Prompt Response Screen
Purpose: Lets users answer the prompt with text, an image, or audio that auto-transcribes into the text box.
Audio Recording Screen
Purpose: Displays the interface for recording voice notes to be converted into written entries.
Image Upload Screen
Purpose: Shows how a selected image is added to the journal entry, enhancing the personal reflection.
Journal Archive (Calendar View)
Purpose: Lets users revisit past entries through a calendar showing journal activity by date.
Entry View Screen
Purpose: Displays a past entry in read-only to preserve the authenticity of that moment.
Goodbye Screen
Purpose: A warm, illustrated farewell message shown after logging out, leaving users with a comforting goodbye.
Prototype
Prototyping allowed me to bring my designs to life, test user flows, and gather feedback early. It was key in refining the app’s functionality and ensuring a seamless user experience before finalizing the design.
A Year Of You
At the end of your journey with Meggles, you’ll hold a book that tells the story of your year—your thoughts, feelings, images, and memories captured day by day.
With the phrase "Today is where your book begins..." on the cover and "The rest is still unwritten" on the back, this book becomes a timeless keepsake.
It’s a way to revisit and share the year you’ve lived, preserving the moments you’ll always remember.
Prototype
Prototyping allowed me to bring my designs to life, test user flows, and gather feedback early. It was key in refining the app’s functionality and ensuring a seamless user experience before finalizing the design.
A Year Of You
At the end of your journey with Meggles, you’ll hold a book that tells the story of your year—your thoughts, feelings, images, and memories captured day by day.
With the phrase "Today is where your book begins..." on the cover and "The rest is still unwritten" on the back, this book becomes a timeless keepsake.
It’s a way to revisit and share the year you’ve lived, preserving the moments you’ll always remember.
Prototyping allowed me to bring my designs to life, test user flows, and gather feedback early. It was key in refining the app’s functionality and ensuring a seamless user experience before finalizing the design.
Prototype
At the end of your journey with Meggles, you’ll hold a book that tells the story of your year—your thoughts, feelings, images, and memories captured day by day.
With the phrase "Today is where your book begins..." on the cover and "The rest is still unwritten" on the back, this book becomes a timeless keepsake.
It’s a way to revisit and share the year you’ve lived, preserving the moments you’ll always remember.
A Year Of You
Final thoughts
Salvem les Fotos was more than just a UX/UI challenge, it was a response to a real crisis, with real people behind every photo. Designing a tool to help volunteers and coordinators rescue and return damaged memories required empathy, clarity, and strong collaboration across disciplines. The result was a mobile-first, user-friendly platform that brought order to chaos and made a complex process manageable. This project deepened my belief in design as a force for good One that, when thoughtfully applied, can make even the most emotional and difficult tasks feel a little more human, and a little more hopeful.
Meggles taught me how to design with empathy, always keeping the user’s emotional journey at the forefront. By focusing on Megan’s personal experience, I learned the importance of creating a space where users feel seen and heard. I also discovered how crucial it is to iterate based on real-world feedback and ensure the experience feels authentic and engaging. This project has deepened my understanding of how design can create a meaningful connection and provide users with both purpose and reflection.
Final thoughts
Final thoughts
Meggles taught me how to design with empathy, always keeping the user’s emotional journey at the forefront. By focusing on Megan’s personal experience, I learned the importance of creating a space where users feel seen and heard. I also discovered how crucial it is to iterate based on real-world feedback and ensure the experience feels authentic and engaging. This project has deepened my understanding of how design can create a meaningful connection and provide users with both purpose and reflection.