Bajo Trump, WhiteHouse.gov fue un desastre. El equipo de Biden lo renovó en 6 semanas

El sitio web de la Casa Blanca incorpora nuevas funciones de accesibilidad y actualiza la marca de la campaña de Biden para una apariencia tradicional y moderna.

Para echar un vistazo a cómo planea gobernar la Administración Biden, no busque más allá del sitio web de la Casa Blanca.



El nuevo sitio tiene muchos espacios en blanco negativos y está diseñado para ser accesible para todos, desde hispanohablantes hasta ciudadanos con impedimentos visuales. WhiteHouse.gov termina siendo la portada del gobierno federal, dice el director de estrategia digital de la Casa Blanca, Rob Flaherty, cuyo equipo quisiera que los usuarios consideren WhiteHouse.gov como una puerta de entrada digital. Y todo se juntó en solo seis semanas, una hazaña sin precedentes para un sitio web del gobierno.

[Captura de pantalla: Whitehouse.gov]



Es un marcado contraste con el sitio de la administración anterior, que usaba acentos dorados junto con azul oscuro y blanco. Bajo el presidente Donald Trump, se publicó una versión en español del sitio. remoto (que la administración Biden restableció). En cuanto a la navegación: el sitio de la era Trump no hizo ningún esfuerzo por hacer que el contenido fuera fácil de encontrar y visualmente atractivo. En una página sobre ex presidentes de Estados Unidos, el sitio de Trump optó por una lista en lugar de una cuadrícula visual con imágenes.



El diseño es importante porque el sitio web de la Casa Blanca es un lugar para que las personas aprendan sobre la administración y su agenda. También es un lugar para que la gente encuentre trabajo. Flaherty dice que algunas de sus páginas con más tráfico tratan sobre la historia de la casa Blanca y información biográfica .

Pensamos que WhiteHouse.gov es una herramienta fundamental y aplicamos nuestro trabajo a través de esa lente, dice Flaherty. También llena las lagunas de referencia que las redes sociales no pueden. Para nosotros, las redes sociales son fundamentales, dice. Pero eso no significa que no pueda hacer que las plataformas propias sean correctas y que no formen parte de nuestro sistema de comunicación. Estamos llegando a las personas donde sea que estén, y luego, cuando quieren encontrar más información, cuando quieren saber cómo se ven a sí mismos en nuestra agenda, van a WhiteHouse.gov. La Administración Biden reveló el nuevo sitio web oficial del gobierno de la Casa Blanca a las 12:01 p.m. el día de la inauguración.

La administración Biden trajo a la agencia creativa Ojo ancho a mediados de diciembre para manejar el diseño del sitio. Aunque es posible que no conozca el nombre de Wide Eye, sin duda ha visto su trabajo: la agencia creativa ha dejado su huella en el desarrollo de la marca política durante el último año. Diseñó la marca para la campaña principal de Kamala Harris, la Convención Nacional Demócrata, el sitio de transición de Biden Build Back Better y ahora el sitio oficial de la Casa Blanca, en colaboración con Flaherty, la directora creativa de la Casa Blanca, Carahna Magwood, y la asesora creativa senior Robyn Kanner. Firma de desarrollo web 10 arriba fue socio en el proyecto.



El desarrollo del sitio fue un sprint, según Flaherty y el fundador y director creativo de Wide Eye, Ben Ostrower. Los equipos empezaron tarde. Se conocieron a mediados de diciembre sin literalmente ninguna marca, dice Flaherty.

Esto se debió en parte a que todo el proceso de transición se retrasó. La Administración de Servicios Generales no determinar la victoria de Biden y lanzar el proceso de transición formal hasta el 24 de noviembre, lo que impidió que la transición de Biden se coordinara con el gobierno federal. Aun así, después de eso, tomó algún tiempo para que cambiaran los engranajes, dice Andrew Nacin, un desarrollador web que anteriormente trabajó en el Servicio Digital de EE. UU. Y dirigió el esfuerzo de WhiteHouse.gov para el equipo de transición Biden-Harris. El equipo de Biden finalmente obtuvo acceso a los contratistas de WhiteHouse.gov de la administración Trump alrededor del 6 de enero, según Nacin. Pero en ese momento, habían construido la mayor parte del sitio por su cuenta.

La falta de coordinación no tiene precedentes. Ninguna nueva administración había construido el sitio WhiteHouse.gov desde cero antes de la inauguración, hasta ahora, dice Nacin. Agrega que los pequeños cambios, como agregar opciones de pronombres al formulario de contacto de la Casa Blanca, nos obligaron a trabajar con cautela con la administración Trump pocos días antes de la inauguración para actualizar los sistemas de backend que manejan las cartas al presidente. Al final, el equipo construyó el sitio en seis semanas, un proceso que, según Nacin, normalmente tomaría seis meses.



La marca del sitio web es en sí misma un contraste con ese proceso. Tanto funcional como metafóricamente, la accesibilidad era lo más importante, según Flaherty. Ostrower dice: Todo nuestro discurso, que reunimos en dos o tres días, fue la idea de que la Casa Blanca es la casa del pueblo. El concepto de la casa de las personas formó la base de la marca y, a partir de ahí, el equipo de Wide Eye realizó una simulación del diseño del sitio en 72 horas. Esa accesibilidad se manifiesta en un renovado énfasis en la accesibilidad digital y en la marca visual, los cuales contrastan con la administración anterior.

[Captura de pantalla: WhiteHouse.gov]

El sitio presenta nuevas características como el modo oscuro de alto contraste y las opciones de texto grande, que son importantes para la legibilidad y especialmente importantes para los usuarios con discapacidades visuales. Recuperó una versión en español del sitio, retirado por la administración Trump, y presenta nuevos detalles como listas desplegables de pronombres inclusivos para su menú de contacto. El equipo de Flaherty también realizó una auditoría de contenido. Eliminamos todo lo que diera una impresión errónea de lo que se trataba nuestra administración, dice.

[Captura de pantalla: WhiteHouse.gov]

Ostrower ve el sitio como un símbolo importante de la nueva administración. Por eso los elementos de accesibilidad e inclusión son tan cruciales. Queríamos demostrar que hay un conjunto de valores en funcionamiento, dice. Pero no se trataba solo de óptica. Su equipo quería demostrar que los valores de accesibilidad e inclusión no son solo cosas por las que se habla de labios para afuera, sino que son aspectos técnicos duros que son importantes, dice.

Eso incluye tiempos de carga rápidos, fuentes legibles y una navegación sencilla por el sitio. Queríamos llegar a la audiencia más amplia posible y asegurarnos de que los usuarios tengan acceso a esta información, dice la gerente técnica y especialista en accesibilidad de Wide Eye, Erica Andersen, quien dirigió el diseño de funciones de accesibilidad y usabilidad como la navegación del sitio y su desempeño en dispositivos móviles.

Le pedimos a un experto en accesibilidad que criticara el sitio. Ella quedó muy impresionada. Hay conceptos básicos de accesibilidad que todo el mundo debería tener. . . para que cualquiera pueda acceder al sitio web, dice Jenny Lay-Flurrie, directora de accesibilidad de Microsoft. Verificó la accesibilidad de WhiteHouse.gov usando una herramienta gratuita llamada Perspectivas de accesibilidad y descubrió que el sitio era navegable con tecnología auxiliar y no encontró ningún problema en general. Quedó muy claro que se había considerado la accesibilidad, señala, y agrega que aún se puede hacer más para subir continuamente el listón de la inclusión, como introducir el lenguaje de señas para los videos.

Magwood, Ostrower y la directora creativa asociada de Wide Eye, Ida Woldemichael, también enfatizaron la accesibilidad a través de gráficos. Flaherty recuerda que durante el proceso de planificación querían que el sitio web transmitiera una sensación de calidez y accesibilidad. Esto se manifiesta en características como el tratamiento de las imágenes, que tienen esquinas redondeadas, y la paleta de colores ampliada de la marca, que introducirá lo que Ostrower llama tonos terrosos y orgánicos en los gráficos sociales e impresos durante los próximos meses. Agrega que los colores, con nombres como secuoya y pergamino, hablan de la personalidad más realista de Biden y contrastan con la marca dorada de Trump. También introducirán degradados, un sello distintivo de la marca de la campaña de Biden, que dicen que simbolizan la entrada de luz y las paredes derribadas.

[Imagen: cortesía de Wide Eye Creative]

Algunas ideas de la campaña presidencial de Biden se han llevado a cabo sutilmente. El equipo enfatizó la idea de construir a partir del mensaje Build Back Better de la campaña con ilustraciones de líneas similares a planos en el sitio, dice Woldemichael. El logotipo del sitio, desarrollado con un ilustrador con sede en Dallas. John Mata , tiene un estilo plano y arquitectónico, que según Magwood refleja un enfoque en la construcción y nuestro movimiento hacia comunicaciones digitales más modernas. (Por supuesto, la mayoría de las organizaciones aplanan su marca digital porque se lee mejor en pantallas pequeñas). El logotipo digital de la Casa Blanca es una versión de varias que se utilizarán en diferentes aplicaciones, incluida la impresión.

[Imagen: cortesía de Wide Eye Creative]

Los diseñadores también llevaron las fuentes de la campaña, pero cambiaron su ubicación en la página para que la fuente serif más tradicional Mercury ocupe un lugar central, y la moderna sans serif Decimal sea secundaria. Es la misma tipografía de la campaña, dice Ostrower. Simplemente se invierte para darle a todo una calidad más oficial y más seriedad que se requiere con el trabajo del gobierno.

Después de todo, Biden es presidente.