Hwang Yoo-Yup · Digital Legacy Platform · Hi-Fidelity Wireframes
| 🏷️ Status | Complete · 7 primary screens + component inventory |
|---|---|
| ◆ Fidelity | Full color · final typography · real content · actual artwork images |
| ◆ Platform | Desktop-first responsive web |
| ◆ Tool | Figma |
| ◆ Follows From | Wireframes → Interaction Design → Design System |
The hi-fi screens represent the full platform at final design fidelity — real colors, real typefaces, real artwork images, real copy. They are not stylized mockups. Every element visible in the screens has a documented origin in the research, the personas, or the post-testing decisions.
This page annotates each screen systematically: what is on it, which design decisions are visible, and what the screen is doing for which user.
→ [Insert screenshot: S1_Homepage.png]
What’s on the screen:
Top navigation bar: wordmark left (Hwang Yoo-Yup (黃瑜燁)) · OVERVIEW JOURNEY MOTIFS EXHIBITION PLAN center · ARCHIVE MODE button right (muted grey fill, distinct from all nav items).
Hero section: Deep burgundy full-width. ARTIST LEGACY · KOREAN MODERNISM in small-caps label pair. Exhibition title Landscapes of Memory & Modern Korea in italic display serif. Two equal-weight CTAs side by side: View Exhibition Plan (outlined) · Explore his Journey (filled, warm toned). Art texture fills the right side of the hero.
Introduction section: Black-and-white portrait photograph left (Hwang seated, studio context) · introduction prose right, titled “Introduction”. Two short paragraphs, no academic register. Rust/burgundy background.
Curatorial Statement section: Deep burgundy background. Pull quote left in italic serif. Three-column curatorial text right under “Curatorial Statement” heading.
Narrative section: Dark image background. “Narrative” heading + three thematic pillar cards: Figures of Memory · Landscape as Witness · Surface of Time — each with a 2-sentence description on a translucent surface.
Selection Framework section: Artwork image left · “Selection Framework” heading + paragraph right · Explore the life and history that shaped his work CTA button.
Exhibition Plan overview: Light warm surface. “A SPATIAL JOURNEY” small-caps label · “Exhibition Plan” heading · subtitle. Four-column zone card grid: Zone 1 Formation (lightest) · Zone 2 Displacement · Zone 3 Labor & Land (terracotta) · Zone 4 Ritual (deep burgundy). Click a zone to explore curatorial details instruction below.
Vision section: Artwork image left · “MISSION / Vision” heading + paragraph right · email newsletter signup form.
Footer: Wordmark italic · contact + social icons · policy links.