2023 · UI Revamp 2026

The Map: Is There a Better Way to Save and Find My Files?

Concept Design / Desktop App

Problem

Poor document management adds frustration to the learning experience

As design students, we juggle countless courses, assignments, and projects — each producing a flood of files across different formats and tools. We know the file exists somewhere, but we can't find it. The need from users was clear: not just a "bookshelf," but a more proactive assistant. As one participant put it — "If I couldn't see it, I forget it."

Confused John Travolta

Direction

People want a more engaging way to manage their files — like an AI-powered digital map

I invited a few peers to brainstorm together. We tested four concept directions — and the feedback pointed clearly toward one: combining a visual digital map with AI assistance. The idea was to simplify categorization, aid in systematic file review, and proactively suggest keywords for better searchability.

But beyond functionality, people also wanted something that feels more interactive and intuitive — not just a smarter tool, but a more engaging way to see and navigate their files. That became the design goal.

Kermit looking at map SpongeBob proactive

The Concept

So I designed The Map — a spatial, AI-powered file assistant

Smarter document saving, checking and searching — three core flows that reimagine how we interact with files.

Explore the three core flows

A more intentional way to save, a more visual way to check your files at a glance, and a faster, more direct way to search. Click to try each flow.

Test workshop/ facilitation
15 Minutes
Step 1
Discuss & Vote
Step 2
screenshot_workshop design
Studio PDF
→

Saving

Drop a file — AI auto-categorizes and places it on your map.

Checking

Browse files as a living knowledge graph. Zoom, hover and click to explore.

Searching

Chat with the AI bot — it asks questions and finds the right file on your map.

Studio
Service design
Intro to thesis
Personal thing
Photos
Preview File Edit View Go Tools Window Help
Save to The Map
New Window
Open...
Open Recent
Close
Save...
Export as PDF...
screenshot_workshop design 1 page
ℹ️ 🔍 ✏️
Test workshop/ facilitation
15 Minutes
Step 1
Find your name and fill out ideas for each problem, could be research, data, engineering, ui etc.
Discuss and Vote
Step 2
Grab two stickies from each group above and drop it in here.
Finder FileEditViewGoWindowHelp
Mon Jun 5 9:41 AM
New file
Test workshop/ facilitation
15 Minutes
Step 1
Discuss and Vote
Step 2
screenshot_workshop design
Studio
screenshot_workshop design
Studio
Service design
Intro to thesis
Personal thing
Photos
‹

We put it here!

The location of your file will change according to the info you will put in later. Or at last you can drag it to where you want.

›
Studio
Service design
Intro to thesis
Personal thing
Photos

Reflection

A short project that stayed with me — and became a playground for learning

This was a course project from fall 2023. The timeline was fast — just a few weeks from research to final concept — but I genuinely loved the idea. It stuck with me long after the semester ended.

When I started exploring vibe coding, The Map felt like the perfect project to revisit. I wanted to see how far I could push the visual design, motion, and interaction beyond what static Figma mockups could show. And I think it worked — the current version, with its animated node map and interactive details, communicates the concept far more clearly than the original screens ever did.

That said, I spent a surprisingly long time fine-tuning details through code. Describing what I want in words instead of directly moving things around on a canvas is a very different way of designing. I'm still not sure if it's the way I prefer — but I'm glad I tried, and I learned a lot from it.