Design archive 21 examples

Designing fordifferent needs

A flower studio, enrollment service, research tool, and operations console do not ask users to do the same thing. Each interface here was designed around its project's content, environment, and primary task.

Browse all 21 examples

Featured design example · Korean UI Thursday's Garden · Floral studio · Single-page site

Design examples

Open the design notes to see the direction and tradeoffs behind each interface.

Optical lens test lab

Lumina Optics

Open example

View design notes

Direction

A single beam and one prism form a test bench that calculates refraction and dispersion on the GPU in every frame.

Tradeoff

Live shader-based refraction with IOR and dispersion controls leads the opening screen. The editorial content occupies a separate surface beyond the canvas.
Architecture and spatial research archive

Studio FORM

Open example

View design notes

Direction

A tightly composed set of drawing sheets where lines and dimensions carry the story.

Tradeoff

An image-free, reverse-chronological text index is paired with a sticky floor plan that draws itself as the reader moves through the sections.
Single-origin coffee subscription

Muwol

Open example

View design notes

Direction

A paper-ledger approach to coffee subscriptions, with prices up front and transaction history open for inspection.

Tradeoff

Ledger rows organize the coffee selection, and the subscription action appears as the darkest inverted block in the grayscale system.
Edge latency monitoring & synthetic probes

Pulsegate

Open example

View design notes

Direction

A restrained instrument panel where cobalt is reserved for type and chart lines.

Tradeoff

One static 24-hour frame and a wiring diagram drawn progressively on scroll establish the information rhythm.
Natural agarwood archive

Hyangyeon

Open example

View design notes

Direction

An archival record on a bright editorial surface, led by open space and a single trail of smoke.

Tradeoff

An image-free index and horizontal information labels establish the density of the archive.
75 kN methane engine specification

Orbit Aerospace

Open example

View design notes

Direction

Measured evidence leads through a section view of a regeneratively cooled engine and records from ground-fire tests.

Tradeoff

A hand-drawn engine section leads the opening screen, and the accompanying test log keeps tests placed on hold visible.
64-channel neural interface

Synapse BCI Lab

Open example

View design notes

Direction

Every reading carries its conditions. Simulations are labeled, and unmeasured values remain blank.

Tradeoff

A 64-channel spike-raster canvas that pauses offscreen leads the page, while ethics is promoted to a primary content section.
Curated Goryeo celadon exhibition

The Silence of Celadon

Open example

View design notes

Direction

Three darkened rooms draw the viewer progressively closer to the glaze.

Tradeoff

A full-bleed macro of glaze crackle, close views of inlay, and a room-number system built around Room I and Room II define the exhibition structure.
Spatial audio · DSP lab

Overtone Sound Lab

Open example

View design notes

Direction

A catalog spreads across a dark studio floor on a deliberately offset grid.

Tradeoff

A procedural pseudo-FFT canvas with no audio decoding, a staggered two-column archive, and a condensed type scale keep the layout from falling into repetition.
Korean text type foundry

Hansung Type Foundry

Open example

View design notes

Direction

Monumental glyphs fill the opening screen, followed by material studies and typographic measurements.

Tradeoff

Purpose-written specimen copy and a typesetting bench with live tracking, leading, and size controls take center stage.
Learning management console · 8 screens

Gaon Student Records

Open example

View design notes

Direction

A record-first administration console where highlighter underlines and status labels separate the information.

Tradeoff

The row structure of a student register connects all eight screens into one administration system.
Course registration · 6 screens

Dure University Course Registration

Open example

View design notes

Direction

Clear headings, IBM Plex body text, and brick-red status labels bring order to each layer of course-registration information.

Tradeoff

All six screens share enrollment and saved-course state. Time conflicts, credit overloads, and full classes are blocked before submission.
Hygiene services & dispatch console · 2 modes

Cheongon Care

Open example

View design notes

Direction

A six-step, clinical-grade hygiene protocol connects fixed-price quotes with a live dispatch console.

Tradeoff

A customer quote form and an administrator dispatch dashboard share live state inside one web app, creating a closed-loop interaction.
Independent-bottler whisky bar & guided tastings

Cask Archive

Open example

View design notes

Direction

An official independent-bottler certification ledger pairs each spirit's time and barrel history with one-to-one guided tastings.

Tradeoff

The opening screen presents a flavor filter and a cask ledger recording single-cask numbers and customs certificates.
High-end spatial interiors & architecture

Materia Studio

Open example

View design notes

Direction

An atelier designing material presence and the path of natural light through travertine interiors.

Tradeoff

Measured specifications for travertine, oak, and linen sit alongside a live switch between daylight and nighttime ambience.
GPU engine for data-center thermal management

RFS: Real-Time Flow Simulator

Open example

View design notes

Direction

A dark flow field sits beside a bright specification surface.

Tradeoff

The browser solves thermal flow live in the hero. Changing rack load and supply airflow with the sliders updates the flow in place.
ICT corporate website redesign

TWENTYOZ

Open example

View design notes

Direction

An index tracks how the same technology works across four operating environments.

Tradeoff

The opening screen starts with environment selection. Each choice updates the products, technology, and delivery case studies as one complete set.
Direct wholesale produce marketplace

Saebyeok Produce

Open example

View design notes

Direction

Daily price movement at two in the morning leads the opening screen.

Tradeoff

Today's market board leads the page. Winning bids and sale prices occupy separate fields, and unavailable sugar readings are marked with a dash.
Bespoke housing brief & operations console

Hannam Jari

Open example

View design notes

Direction

AI compares five housing criteria, then a licensed real-estate agent verifies the result.

Tradeoff

Every fictional property is clearly labeled. The user's criteria, the AI's reasoning, and the facts an agent must verify are separated on one screen.
Urban burger shop & franchise guide

Griddle Club

Open example

View design notes

Direction

A two-track site covers Seoul-style griddle burgers assembled to order and the terms behind the operation.

Tradeoff

Franchise review begins with the trade area, premises, kitchen flow, and costs still to be determined, all laid out before consultation.