Uphor is a passion project — a collaborative storytelling platform that presents fictional writings, rituals, and memories from a speculative city. It’s built to feel like a poetic archive: fluid, quiet, and emotionally immersive. I created everything on the site: the concept, information structure, design system, and development in Framer.
The biggest challenge was designing for narrative ambiguity. The content doesn’t follow a linear story — entries appear as fragments, often abstract, with no fixed chronology or “main character.” I needed to create a system that felt cohesive, usable, and scalable, without flattening the mystery that makes it compelling.
I started by defining an information architecture system based on themes, not hierarchy. Entries were tagged by tone, voice, and motif — allowing me to create cross-linked reading paths without a traditional structure. Key steps: Wireframed and prototyped the flow in Figma Built the full site in Framer, customizing components and transitions Designed a soft navigation system with minimal labels, relying on visual rhythm and hover states to invite exploration Developed a responsive layout that adapts between mobile and desktop while keeping the mood consistent Paid special attention to typographic pacing, using line height, margins, and fade-in animations to guide the reader’s attention Set up CMS logic for scalable content management — entries, residencies, languages — all editable and interlinked via Framer’s CMS tools
The final experience is a digital archive that feels structured but not rigid. Readers can browse by category, scroll through featured entries, or follow ambient trails via “residencies” and linked pages. Each entry is treated like a moment: slow, uncluttered, and intentional. Visual design stays minimal — blurred backgrounds, floating elements, serif typography — to support a feeling of intimate immersion.
Uphor now contains 20+ entries and continues to grow. It's become my space for exploring: Narrative UX — designing experiences that prioritize tone and rhythm over speed CMS design — building scalable structures for ambiguous content Microinteraction design — using animation and transitions to build mood and momentum Accessible layouts — clear contrast, responsive type, and readable spacing I’m proud of how Uphor shows my ability to work across strategy, design, and development — and to create systems that hold emotion without losing clarity.
