Lucien Liz-Lepiorz

design & develop

IBM’s Selectric Revolution

As the first commercially-viable typewriter to offer interchangeable typefaces, the IBM Selectric introduced unseen visual diversity to the masses. Structured around the concept of a timeline, this website summarizes both technological breakthroughs and the models available for production-ready typesetting.

view the site >

preliminary sitemap

preliminary sitemap

low-res wireframe

low-res wireframe

applying color & content

applying color & content

initial image exploration

initial image exploration

Between the ideation and development stages, image treatment shifted from primarily static, full-color reproductions to animated black-and-white GIFs.

setting the stage

setting the stage

introduction of mechanics

introduction of mechanics

compositional detail

compositional detail

Dramatic image enlargements, created with fixed-position containers, reveal themselves as the user scrolls through the site. Magnification heightens mechanical beauty and focuses on the technology as form, versus product.

staggered timeline placement

staggered timeline placement

animated detail

animated detail

Extracted from promotional footage, detail shots inform users of the Selectric’s innovative movement in a manner that engages, renders consistently across browsers, and requires minimal bandwidth.

text as image

text as image

end: big blue at the root

end: big blue at the root

While not animated, concluding imagery maintains visual continuity through the usage of a high-contrast, black-and-white palette.

not logged in :: log in