🫧📒 Digital Journal for Self-Reflection ✨

[ PROBLEM ]

In a busy world filled with work, responsibilities, and constant distractions, many people lose touch with their emotions, needs, and personal goals

While journaling can improve self-awareness and well-being, traditional journals are not always practical to use every day

[ SOLUTION ]

I created Digital Journal that makes self-reflection simple and accessible

The app helps users:

💎 Track mood and energy 💎 Reflect on daily experiences 💎 Practice gratitude 💎 Capture thoughts, memories, and dreams 💎 Build greater self-awareness over time

The goal was to combine the convenience of digital tools with the warmth of a scrapbook-style journal

[ TOOLS TESTED ]

During the Makeathon, I explored and tested:

✔️Claude + Figma MCP for generating initial wireframes ✔️Figma AI Agent for early concept exploration and wireframing ✔️Figma for core pages visual design ✔️Figma Make for building and testing the interactive prototype

Project Link: https://aroma-clover-93652527.figma.site

Work File: https://www.figma.com/make/Ti7gPzCXmvbVEfj5jsvjiF/Personal-Digital-Planner--Community-?t=TgTduirzSMXd618r-1

Figma Community Link: https://www.figma.com/community/file/1649625465628837700/personal-digital-planner-community

🎥 Watch the demo video to see the full design process, tools used, and how the project was built from idea to interactive prototype

Demo Video (the same as attached): https://drive.google.com/file/d/16Bvwa4M9g3-vPlygg6ljnqOPhMV69cvV/view?usp=sharing

If you enjoyed this project, I would appreciate your support ❤️

———

Social Media Post: https://www.linkedin.com/posts/derhachova-diana_configmakeathon-configmakeathon-share-7473565840769216512-iuza/?utm_source=share&utm_medium=member_desktop&rcm=ACoAADYPewEB3zdRqYcgpmF1CXhkWmZ1it4tzzY

Wow, feel whisper of childhood. Amazing work.

We're emotional beings. Our tools rarely are.

Emotions can't really be taught. They arrive through lived experience, already packaged with a thousand tiny feelings and nuances we carry without thinking. So what if an interface tapped into that?

Meet Clothesline 🧺, a to-do list with feelings.

Instead of "an urgent, high-priority, do-or-die task," you simply have a bedsheet-sized goal for the year and a sock-sized one for today. One glance and you know exactly how much you're holding.

Create, save, and track your goals right in your browser, the same way you'd hang, dry, and fold your laundry. Close the tab or restart your browser and your line stays exactly how you left it, so nothing ever slips away. The rope sags under the weight you carry, a little bird drops by with daily inspiration, and finished goals get folded away. It even makes a lovely little second-monitor companion to glance at while you sip your coffee and work.

Built end to end in Figma: Design, Weave, MCP, Make, Sites, and Slides. 🧑🏼‍🎨 A small experiment in emotional interface design, software that doesn't just track your goals but feels alive alongside them.

It still amazes me how fast an idea can travel from your head to something real, alive, and in your browser.

Notes for reviewers: the overdue state (storm and rain) normally triggers when a goal passes its due date. To preview it without waiting for real time to pass, add a goal and press 'n' for +1 day, 'm' for +1 month, or 'r' to reset. You'll see the sky turn and the line react, so you can fold fast or change the due date. Links: -------------------------------------------------------------- Live site -------------------------------------------------------------- Community file -------------------------------------------------------------- Process/BTS slides deck (To Learn-Apply-Amplify) * videos might take some time to load -------------------------------------------------------------- Linkedin ✦ Instagram Song playing: "What A Wonderful World" - Louis Armstrong #emotionalinterfacedesign #goalsetting #todolist #goals #ConfigMakeathon #Storytelling #Userexperiencedesign @Figma @Contra

Woahhh!!! ✨