HAAM / FIELD NOTE 001WEB CULTURE & ART DIRECTION

A short visual history

Websites havealways had a face.

Aesthetics are not decoration added after usability. They tell us what a technology believes it is for—and who is invited to use it.

Scroll

00 / THESIS

Every era of the web mistakes its conventions for neutrality.

Early blue links now look austere. Late-1990s portals look noisy. Flash sites look theatrical. Today’s immaculate product grids may eventually look just as specific—and just as dated.

That is not a failure. A website is made from the tools, bandwidth, business models, and cultural moods of its moment. Style is the visible residue of those conditions.

01 / TIMELINE

Six versions of what a website could be

01

The web as a document

The first sites inherited the logic of research papers: headings, lists, blue links, and very little visual authorship. The radical part was not how a page looked, but that one document could lead to another.

View example The first website at CERN
02

The web discovers decoration

Background images, visitor counters, animated GIFs, frames, tiled textures, and browser-specific badges made pages feel handmade. Limitations were visible, and personality often came from working around them.

View example Space Jam (1996)
03

The cinematic interface

Flash let designers choreograph sound, motion, typography, and transitions as one continuous experience. At the same time, CSS began separating content from presentation and made more flexible visual systems possible.

View example CSS Zen Garden
04

The clean, responsive web

Smartphones changed the unit of design from a fixed canvas to a fluid system. Grids, web fonts, flat UI, generous white space, and familiar product patterns became the new signals of competence.

View example Responsive Web Design
05

The optimized sameness problem

Design systems and component libraries made interfaces faster to build and easier to use. They also produced a recognizable template: hero, gradient, cards, social proof, call to action. Usability rose while surprise often fell.

View example A generation of product landing pages
06

The website becomes a world again

Expressive sites borrow from games, operating systems, fan archives, magazines, and old personal pages. The strongest examples do not add nostalgia as a skin; they use interaction and art direction to make a brand feel inhabitable.

View example KiiiKiii’s interactive album universe

02 / CASE STUDY

kiiikiii.kr

Delulu isa design system.

KiiiKiii’s official website is an interactive extension of the five-member K-pop group’s album universe. Its current visual language is built around their 2026 EP Delulu Pack, including “Delulu” and “404 (New Era).”

It behaves less like an artist homepage and more like a strange computer found in a teenager’s bedroom: overlapping windows, fragments, a digital zine, member-specific spaces, image-making, and webcam energy.

Interface
A chaotic Y2K desktop and digital scrapbook
Content
Album imagery, a digital zine, member worlds, filters, and camera play
Function
Comeback microsite + album packaging + fan toy
Effect
The group feels like an internet universe you discovered, not a product page
The roughness is not a bug. It is how the site makes a polished idol brand feel spontaneous, unfinished, and alive.

03 / WHAT TO KEEP

Aesthetics work when they change the experience, not only the screenshot.

  1. 01

    Make the form part of the meaning

    A desktop metaphor matters when exploration and discovery are the point.

  2. 02

    Use nostalgia as material, not costume

    Borrow old constraints, social rituals, and interaction patterns—not only chrome and pixels.

  3. 03

    Keep an orientation layer

    Expressive does not have to mean inaccessible. People still need landmarks, labels, contrast, and a way home.

  4. 04

    Accept that good taste has a date

    Distinctive work ages visibly. Generic work often arrives pre-aged.