Saltar enlaces

El cambio de marca anti-soso de Kit Studio de St. John’s College

Las marcas modernas sufren ciclos de hiperoptimización, especialmente cuando las herramientas modernas engendran herramientas ultramodernas. Un síntoma de esta tendencia más amplia es la tendencia al aburrimiento. Durante gran parte de esta década, el panorama visual ha sucumbido a un aplanamiento despiadado y suave en favor de la optimización digital y móvil. Luce nítido y carga rápidamente en sitios web inflados, en navegadores inflados en pequeños súper teléfonos inteligentes.

No es de extrañar que el patrimonio centenario y la mampostería formen la identidad de una institución como esta. Colegio de San Juan Se escanean rutinariamente y se arrastran al software de diseño, se les quita la textura y se limpian para obtener formas geométricas perfectas. La antítesis del movimiento es, naturalmente, un enfoque renovado en la artesanía humana. Diseñadores como John Spencer siempre instan a otros a Los diseñadores piensan más como artistas.

Como informamos recientemente, esto también es estudio en suite Hecho para San Juan.

Primer plano del dintel de entrada de piedra con letras grabadas en oro que dicen "Piedra británica. Colegio de San Juan". Sobre el texto hay una corona de piedra pintada con un león, un águila y una cruz.

Rechazar el avance tecnológico en favor de “como solían ser las cosas” es a menudo un sentimiento atractivo, pero tal como está, el mundo del diseño no opera de acuerdo con la lógica de StarCraft: Insurgency, donde las herramientas fuera de la ley son una opción. Claro, un salmón puede nadar contra la corriente en dirección opuesta, pero no puede vivir sin agua. Entonces, ¿cómo se diseñan algoritmos de autenticidad e inversión en el entorno fuertemente algorítmico actual?

La semana pasada, exploramos estas preguntas en una entrevista con el director creativo de Kit, Ian Froome, y escuchamos al ilustrador Nathan Yoder, para comprender el proceso detrás de un cambio de marca anti-soso que aprovecha la herencia existente y prioriza las manos de los artesanos.

Para ponerlo al día, después de más de treinta iteraciones digitales, la identidad visual de la Facultad se ha perdido un poco bajo el paraguas digital de la Universidad de Durham. Su icónico escudo ha ido quedando reducido paulatinamente a un simulacro de sus matices heráldicos. El calor se ha ido. Es sólo otra víctima de la era de la baja resolución.

Animación que presenta la evolución del logo de St. John's College.

La educación superior, como sector en su conjunto (y puedo hablar por experiencia personal, no una sino dos veces), se ha estado ahogando durante años en identidades corporativizadas, seguras y simplificadas que recuerdan “un parque de diversiones a lo largo de la carretera” en lugar de “cientos de años de orgullo académico, orientación e innovación”.

Entonces, cuando la Universidad de St John se separó de la Universidad de Durham en general, necesitó alguna estrategia radical para establecer su identidad digital independiente. Cuando llegó el momento de lanzar, Jeter (que ya estaba en el roster de Durham) fue recomendado a la academia y terminó ganando el puesto después de que reunieron respuestas y propuestas y mantuvieron una reunión de química.

Una vez en el proyecto, el equipo de Kit comenzó a cavar.

“Fue un buen momento”, explicó Froome. “Querían algo que resumiera quiénes eran y su historia. Así que se trataba más de mirar hacia atrás en su pasado y recopilar lo que habían hecho en lugar de reinventar la rueda”.

El equipo viajó al campus en tren y se inspiró a la antigua usanza: los colores de los edificios, las características contraventanas azules, los detalles protectores en los archivos y las entradas, y los vitrales para las ilustraciones. Estos elementos representan la historia de la institución y son innegablemente humanos.

“Muchas marcas quieren incorporar elementos narrativos, pero (St. John’s) ya los tiene. Han tenido tantos elementos visuales desde 1909… pero simplemente no los usaron”, agregó Froome.

Para alejarse del borde digital, el equipo encontró la respuesta al otro lado del Atlántico. En un estudio independiente del estado de Washington, lejos de la influencia de la iglesia de Durham, el ilustrador Nathan Yoder se le dio la responsabilidad real de dibujar el nuevo logo. Yoder rechazó la aburrida perfección de las curvas de Bézier y adoptó un estilo de tallado de líneas.

Gráficos uno al lado del otro que muestran el proceso de diseño de la insignia. A la izquierda hay una animación en bucle que consta de un escudo cuartelado que contiene una cruz, un águila y un león. El lado derecho muestra un primer plano de una mano trazando intrincadamente el mismo escudo en papel con lápiz, incluyendo un cartel decorativo debajo que dice

“Primero comencé con un boceto a lápiz de una versión simplificada. Luego refinamos los detalles a través de varias revisiones, lo que finalmente resultó en un diseño de cresta adecuado para aplicaciones a pequeña escala”, nos escribió Yoder.

“Elaboramos el diseño, lo que resultó en una versión intrincada que presentaba detalles más intrincados en un estilo de líneas talladas. Durante el desarrollo, Kit descubrió que la academia a menudo usaba otro escudo con elementos decorativos adicionales. Decidimos incorporarlos en una tercera versión, mejorándola para que fuera consistente con nuestro enfoque existente”.

Algunos diseñadores de UX todavía pueden pensar que los bocetos dibujados a mano se vuelven papilla en la pantalla. Esta es una vieja suposición que ha existido desde los albores de los teléfonos inteligentes. El hardware actual tiene impresionantes pantallas retina que requieren texturas.

Kit Studio se dio cuenta de que para garantizar que las pantallas modernas pudieran soportarlo, necesitaban construir un conjunto arquitectónico holístico para que la identidad funcionara en todos los puntos de contacto imaginables.

Construyeron un emblema completo, extenso y majestuoso, para grandes expositores de mesa y folletos impresos. Para su trabajo pesado digital diario, despliegan los escudos intrincadamente detallados de Yoder.

Para esos espacios de interfaz de usuario, íconos de navegador y encabezados de navegación móvil sofocantemente reducidos, crearon un nuevo monograma que combina las letras “T” y “J” junto a la “S”. El tipo de letra es una versión de Fragment Glare de Pangram, que también se extiende al logotipo tipográfico más amplio de la universidad.

Para que la identidad se destacara, tuvieron que abordar la paleta de colores. St. John’s tiene una profunda lealtad institucional a su tradicional azul. “Sangrado azul” es un eslogan que se escucha a menudo durante sus juegos. Sin embargo, los sitios web modernos necesitan un pulso.

Cuadrícula de paleta que muestra siete muestras de color con etiquetas de texto. Hay trozos grandes en la fila superior.

Mirando hacia atrás en los archivos, el equipo extrajo el tono rojo vibrante de la cruz del logotipo y lo inyectó en la nueva interfaz como un spoiler de alto contraste. Atraviesa el omnipresente mar azul (el color azul también domina la marca de muchas universidades) con una precisión asombrosa, brindando contraste y al mismo tiempo rindiendo homenaje al pasado.

“Queríamos incorporar elementos de diseño atemporales de la impresión y la marca a la experiencia digital. Incluso los detalles más pequeños, como los íconos, tienen las mismas curvas y bordes ensanchados que el tipo de letra y el escudo”, explica Froome.

“Trabajar con expertos en patrimonio creó un símbolo que la universidad puede adoptar y que los estudiantes y profesores quieren administrar y proteger. Lo usan con orgullo en sus corbatas, ropa deportiva y se sientan en sus puertas”.

Es raro que un estudio se resista activamente a la homogeneización digital de nuestra cultura. Ahora todos navegamos sobre diminutas tablas de surf, una ola de diseño generativo que puede escupir un logotipo transitable y completamente sin fricción antes de que hierva la tetera. Esto puede parecer apresurado, razón por la cual quizás esté recuperando su atractivo regresar a un trabajo reflexivo que requiere mucho tiempo, o más bien a un trabajo que requiere tiempo para reflexionar.

Quizás doblemente, la culminación de esta ola creará una mentalidad dentro de la industria del diseño que desviará la atención de la optimización y el picoteo a pequeña escala para llamar la atención en una economía de escasez a un proceso más matizado de creación de diseños cautivadores que inspiren curiosidad y profundidad en lugar de reconocimiento fugaz.

De todos modos, Kit Studio ha demostrado ser un punto crucial: los detalles importan, especialmente cuando el mundo parece más allá de nuestra comprensión. Los detalles son cómo nos posicionamos.


¿Ya eres miembro? Acceso.

Home
Account
Cart
Search
¡Hola! ¡Pregúntame lo que quieras!
Explore
Drag