Fonctionnalités

Una dirección artística propuesta para tu sitio

Como opción, el estudio estudia tu oficio, propone tres direcciones artísticas, y la que eliges monta tu página. Cómo se desarrolla y cuánto cuesta.

Updated · 5 min read

Una dirección artística es la idea que da unidad a todo un sitio: lo que debe transmitir de tu oficio, y lo que se deduce para su paleta, su tipografía, su movimiento y el tono de sus textos. En el estudio, es una opción. Si sabes lo que quieres, montas tu página tú mismo, y los textos se escriben a partir de tu descripción. Si prefieres que te propongan una línea que seguir, el botón «Proponer una dirección», en el panel, la pide.

Lo que cuesta

El precio está escrito en el botón: 120 credits ($12), cobrados al hacer clic. Cubren las dos búsquedas, las tres direcciones y su comparación.

Si el trabajo falla, por ejemplo si ninguna dirección pasa los controles, el importe se devuelve, y la página se queda como la montaste. Si las direcciones están escritas y no te quedas con ninguna, siguen a tu disposición, y no se devuelve nada.

Primero, dos búsquedas en línea

Antes de proponer nada, el estudio se informa sobre tu oficio.

  1. El uso: lo que los visitantes vienen a buscar en el sitio de un oficio como el tuyo, en orden; lo que todos hacen; y un ángulo desde el que distinguirse, coherente con lo que dices de ti.
  2. Lo visual: cómo son los sitios del sector. Los colores que se repiten y por qué, las familias de fuentes que se usan, cómo se abren y se mueven esos sitios, y lo que se ha convertido en un tic.

Estas búsquedas sirven para decidir, nunca para llenar la página. No traen ninguna cifra, precio, horario, dirección ni nombre: tu descripción sigue siendo la única fuente de datos. Los colores vistos en la competencia se descartan, para que ninguna paleta se tome de otro. Si una búsqueda falla, la dirección se hace sin ella.

Tres direcciones, y un jurado

Klein, el director artístico del estudio, escribe entonces tres direcciones. Cada dirección se compone para tu descripción, sin catálogo de estilos hechos: tiene un nombre, y debe declarar al menos tres rechazos, lo que se prohíbe. Es en esos rechazos donde dos direcciones se separan de verdad.

Cada dirección pasa controles antes de mostrártela. El contraste de su paleta, en particular, se mide, tanto para el texto sobre el fondo como para el texto del botón de acción. Por debajo de una relación de 3:1, la dirección se rechaza y se reescribe. Entre 3:1 y 4,5:1, pasa con un aviso, que pide un texto más grande o un fondo opaco detrás. Son los dos umbrales de las pautas de accesibilidad web: 4,5:1 para el texto corriente, 3:1 para el texto grande (W3C, WCAG 2.2).

Un jurado compara luego las tres, las clasifica y propone una. También dice cuándo se parecen demasiado. Si tu oficio solo admite una respuesta justa, lo asume; si no, el estudio pide una vez más lecturas más alejadas.

Todo lleva varios minutos. El estudio muestra el paso en curso y el tiempo transcurrido.

Lo que ves, y lo que eliges

Las direcciones se muestran una al lado de otra, bajo el título «Tres direcciones, una por elegir». Cada una muestra:

  • su puesto, y la palabra «propuesta» en la que prefiere el jurado;
  • su nombre y su postura, la idea en una frase;
  • el mundo del que se inspira;
  • su paleta, en cuatro muestras;
  • sus rechazos;
  • su tipografía, su primera pantalla y su tratamiento de las imágenes;
  • lo que el jurado ve en ella, y lo que cuesta a cambio.

No se compone nada antes de tu elección. «Quedarme con esta» toma la dirección propuesta; cada una de las otras tiene su propio botón, «Quedarme con la 2» por ejemplo. «Elegir más tarde» cierra el panel sin perder nada: las direcciones te esperan.

Lo que la dirección hace en tu página

La dirección elegida manda sobre la paleta, la tipografía, el movimiento y todos los textos, así como sobre la película del fondo.

También marca el recorrido por ti: el fondo, la textura, la navegación, dónde va el título, las secciones, el contacto y el pie de página. La conversación dice lo que ha elegido, y por qué. Todo se puede desmarcar, franja a franja.

Por último, marca «Dejar que el estudio componga las imágenes»: tus imágenes se crearán en esa dirección, a partir de tu descripción. Esta casilla también se puede desmarcar, si prefieres subir tus propias fotos.

No sale nada de pago sin ti. El estudio te lleva de vuelta a la franja del fondo: lanzas el rodaje al precio que muestra cada acabado, luego escribes los textos, y las imágenes confiadas a la dirección se crean en ese momento, cada una a su precio.

Cuándo pedirla

La dirección es más útil cuando partes de cero: aún sin logo, sin colores propios, o con varios deseos que se contradicen. Te pone delante tres posturas, y a menudo es al ver lo que rechazas cuando sabes lo que quieres.

Es menos útil si ya tienes una identidad: un logo, dos colores, una fuente. Entonces monta tu página tú mismo, y da tus colores en tu descripción, o pídelos después en un retoque.

En cualquier caso, ten presentes dos referencias:

  • La convención tiene sus razones. Los visitantes pasan la mayor parte del tiempo en otros sitios, y esperan que el tuyo funcione como ellos (Nielsen Norman Group, 2017). Un laboratorio médico en blanco y azul sigue siendo legible, y tranquiliza. Apartarse de la convención se hace a sabiendas, y para eso sirven las búsquedas.
  • La legibilidad va antes que el estilo. Una paleta atrevida que dificulta la lectura del texto pierde visitantes. Nuestras guías sobre la paleta de colores y sobre elegir una fuente detallan qué comprobar.

En resumen: «Proponer una dirección» lanza dos búsquedas sobre tu oficio, tres direcciones y un jurado, por el precio escrito en el botón. No se compone nada antes de tu elección; la dirección elegida marca tu página, que sigues siendo libre de desmarcar.

Fuentes

  1. W3C, Understanding Success Criterion 1.4.3: Contrast (Minimum), WCAG 2.2
  2. Nielsen Norman Group, Jakob’s Law of Internet User Experience (vídeo, 2017)

Para leer también

Tu sitio, rodado para tu oficio

Describe tu actividad y la escena de tu fondo: el vídeo se rueda para ti, montas la página franja a franja y los textos se escriben dentro.

Crear mi sitio