◇ Design Iterations

The Platform, Clickable

Property Value
🏷️ Status Complete
📅 Project Hwang Yoo-Yup · Digital Legacy Platform
🚩 Phase Prototype
🧩 Input Hi-fi wireframes · design system · interaction spec
📦 Output Clickable hi-fi Figma prototype — 7 primary sections, both navigation modes

Prototype at a Glance

The prototype is a high-fidelity, clickable Figma build of the platform — real palette, typography, copy, and artwork, not a stylized mockup. It is the artifact the persona-based evaluation was run against, and the bridge between the hi-fi wireframes and the live site.


Deep Dive

Built in Figma at full fidelity, the prototype wires together the seven primary screens — Overview, Exhibition Plan, Journey, Motifs, Biography, Works Archive (with filter states), and Artwork Detail — for click-through across both navigation modes: Discovery and Archive. The interaction behavior it demonstrates (sticky filters, the artwork lightbox, the progressive-disclosure accordion, and the interactive Section↔Zone diagram) is specified in Interaction Design.

The prototype fed directly into Test & Iterate, where it was evaluated against six tasks and produced the six design decisions. The platform is now live at hwangyooyup.framer.website, with the Exhibition Plan and catalogue still in active development behind the scenes.


[PLACEHOLDER — Figma prototype link]


Hwang Yoo-Yup · Digital Legacy Platform · UX Case Study · 2025