Whimsy Journal

Whimsy Journal: The Art of the Honest Journey

Inspiration As a bilingual student, I’ve always found a disconnect between the way I learn and the tools I use. Most language apps are built like assembly lines, efficient, sterile, and obsessed with "perfect" streaks. But when I was learning English, my progress didn't look like a clean green checkmark; it looked like a battered notebook filled with crossed-out words, coffee stains, and messy margins.

I wanted to design a space that values the human texture of learning. Inspired by the Japanese philosophy of Wabi-sabi (finding beauty in imperfection) and Kintsugi (repairing breaks with gold), I created Whimsy Journal. It is a digital sanctuary where mistakes aren’t deleted, they are celebrated as the literal footprints of growth.

How I Built It

Building "Beyond Efficiency" required a blend of computer science logic and artistic intuition. Using Figma Make, I moved away from standardized UI kits to create a "Design System of Imperfection."

The Logic of Wear: I implemented a temporal system where the interface responds to user attention. For example, unused modules gather a fine layer of digital "dust," requiring a tactile wipe to clear.
Visualizing Confusion: To represent the "mental fog" of hearing a new word, I utilized Gaussian blur filters. The logic follows:
IF(auditory_confidence<0.85)→apply_blur(word)
This forces the user to linger on the word, turning a moment of confusion into a moment of presence.
The Scratch System: Using AI-generated graphite textures, I built a "Active Scratch" feature. When a user makes a grammar mistake, the app triggers a pencil-scratch animation. These marks remain on the page permanently, ensuring the "honest record" of the journey stays intact.

Challenges Faced Another hurdle was making the AI (Figma Make) understand "cosiness." I had to refine my guidelines.md to ensure the AI prioritized tactile materials like linen and charcoal over the "flat" look of modern tech.

What I Learned This project taught me that friction can be a feature. In our rush to make everything "frictionless," we often remove the very moments that lead to deep reflection and memory. I learned that as a developer and designer, my job isn't always to make a task faster; sometimes, it’s to make the task more worth doing.

Built With

• figma