ArchivoAgregar
← Índice22 de 50
web

McMaster-Carr

El sitio web más rápido de internet parece de 2004, y esa es exactamente la tesis. McMaster-Carr vende tornillos, tubos, rodamientos y materia prima desde 1901, y su símbolo durante un siglo fue un catálogo amarillo de miles de páginas: filas apretadas, dibujos técnicos en lugar de fotos de estilo, el precio al lado de la referencia y una columna que explica, en dos líneas, para qué sirve cada cosa. Cuando llegó lo digital no se reinventaron: tradujeron el catálogo a HTML. Verde sobre blanco, una franja amarilla, un buscador enorme, la lista de categorías siempre a la izquierda; ni carrusel, ni vídeo, ni banner de oferta, ni una animación. La ilustración de cada categoría es la pieza recortada sobre fondo blanco, el mismo dibujo que llevaba impreso. Y debajo, la obsesión: HTML prerrenderizado servido desde CDN, el CSS crítico incrustado en la página, sprites de imágenes, dimensiones fijas para que nada salte al cargar, un service worker que guarda lo visitado y —el truco famoso— la página siguiente descargándose en cuanto pasas el ratón por encima del enlace, para que el clic sea instantáneo. El público explica la decisión: un mecánico con las manos sucias buscando una arandela concreta entre 88.612 resultados de «screws». Si tarda, llama por teléfono. La jerarquía no está montada para vender, está montada para encontrar.

Año
1901 · catálogo impreso desde 1908
Dónde
Elmhurst, Illinois · mcmaster.com
Autor
T.J. McMaster y F.C. Davis
Piezas
5
El indice de categorias
El indice de categorias
88612 tornillos
88612 tornillos
Catalogo como medir una tuberia
Catalogo como medir una tuberia
Catalogo mosquetones y ganchos
Catalogo mosquetones y ganchos
Catalogo la tabla de precios
Catalogo la tabla de precios

Hilo

Viene de

  • El catálogo amarillomiles de páginas desde 1908; el sitio es una traducción, no un rediseño
  • El dibujo técnicouna sección o una perspectiva dicen de una pieza lo que ninguna fotografía de producto
  • La tabla de preciosmedida, material, referencia y precio en la misma fila; comparar sin abrir nada
  • Josef Müller-Brockmannla retícula al servicio de la información; aquí sin que nadie la llamara diseño

Al lado

  • Los ingenieros que lo citanmedio Twitter técnico lo pone de ejemplo cada año; nadie de la empresa sale a explicarlo
  • Los rediseños de aficionadoel ejercicio favorito de portfolio: modernizarlo y empeorarlo, porque se rediseña el aspecto y no el uso
  • Los archivos de piezas CADdescargar el modelo 3D del tornillo y meterlo en el ensamblaje sin salir de la ficha

Lleva a

  • Rápido es una decisión de diseñoprefetch al pasar el ratón, medidas fijas, nada que se mueva: la velocidad se diseña, no se optimiza al final
  • Feo no existe si encuentrasel criterio es la tarea cumplida; la estética sale de la densidad bien ordenada
  • Un siglo de sistemacambia el soporte —papel, pantalla—, no cambia la estructura; eso es un design system de verdad
  • The Vignelli Canonla misma idea escrita como doctrina: semántica, sintaxis y pragmática antes que gusto
← AnteriorThe Future Is Low-TechSiguiente →Minimal Phone 2