Sob Trump, WhiteHouse.gov foi um desastre. A equipe de Biden o renovou em 6 semanas

O site da Casa Branca traz novos recursos de acessibilidade e atualiza a marca da campanha Biden para um visual tradicional e moderno.

Para ter uma ideia de como o governo Biden planeja governar, basta consultar o site da Casa Branca.



O novo site tem muitos espaços em branco negativos e foi projetado para ser acessível a todos, desde falantes de espanhol até cidadãos com deficiência visual. WhiteHouse.gov acaba sendo a primeira página do governo federal, diz o diretor de estratégia digital da Casa Branca, Rob Flaherty, cuja equipe gostaria que os usuários considerassem WhiteHouse.gov uma porta de entrada digital. E tudo aconteceu em apenas seis semanas - um feito sem precedentes para um site do governo.

[Captura de tela: Whitehouse.gov]



É um grande contraste com o site da administração anterior, que usava detalhes em ouro junto com azul escuro e branco. Sob o presidente Donald Trump, uma versão em espanhol do site foi removido (que a administração Biden restabeleceu). Quanto à navegação: o site da era Trump não fazia nenhum esforço para tornar o conteúdo fácil de encontrar e visualmente atraente. Em uma página sobre ex-presidentes dos EUA, o site Trump optou por uma lista em vez de uma grade visual com imagens.



O design é importante porque o site da Casa Branca é um lugar para as pessoas aprenderem sobre a administração e sua agenda. É também um lugar para as pessoas encontrarem empregos. Flaherty diz que algumas de suas páginas mais trafegadas são sobre a história da Casa branca e informação biográfica .

Achamos que WhiteHouse.gov é uma ferramenta crítica e aplicamos nosso trabalho por meio dessa lente, diz Flaherty. Também preenche lacunas de referência que a mídia social não consegue. Para nós, a mídia social é crítica, diz ele. Mas isso não significa que você não consiga acertar as plataformas próprias e que elas não façam parte de nosso sistema de comunicação. Estamos alcançando as pessoas onde quer que estejam - e então, quando quiserem encontrar mais informações, quando quiserem descobrir como se vêem em nossa agenda, vão para WhiteHouse.gov. A administração Biden revelou o novo site oficial do governo da Casa Branca às 12:01. no dia da inauguração.

A administração Biden trouxe a agência de criação Olho largo em meados de dezembro para lidar com o design do site. Embora você possa não saber o nome da Wide Eye, certamente já viu seu trabalho: a agência de criação tem deixado discretamente sua marca no branding político no ano passado. Ele projetou a marca para a campanha primária de Kamala Harris, a Convenção Nacional Democrática, o site de transição Biden Build Back Better e agora o site oficial da Casa Branca, em colaboração com Flaherty, o diretor criativo da Casa Branca Carahna Magwood e o consultor criativo sênior Robyn Kanner. Empresa de desenvolvimento web 10 up foi um parceiro no projeto.



O desenvolvimento do site foi um sprint, de acordo com o fundador e diretor criativo da Wide Eye Flaherty e Wide Eye, Ben Ostrower. As equipes começaram tarde. Eles se encontraram pela primeira vez em meados de dezembro, literalmente sem marca, diz Flaherty.

Isso ocorreu em parte porque todo o processo de transição foi atrasado. A Administração de Serviços Gerais não verificar a vitória de Biden e lançar o processo formal de transição até 24 de novembro, o que restringiu a transição do Biden de coordenar com o governo federal. Mesmo assim, demorou algum tempo para que as engrenagens girassem depois disso, diz Andrew Nacin, um desenvolvedor da web que trabalhava para o Serviço Digital dos EUA e liderou o esforço WhiteHouse.gov para a equipe de transição Biden-Harris. A equipe de Biden finalmente obteve acesso aos contratados WhiteHouse.gov da administração Trump por volta de 6 de janeiro, de acordo com Nacin. Mas àquela altura, eles já haviam construído a maior parte do site por conta própria.

A falta de coordenação era sem precedentes. Nenhum novo governo havia construído o site WhiteHouse.gov do zero antes da inauguração - até agora, diz Nacin. Ele acrescenta que pequenas mudanças, como adicionar opções de pronomes ao formulário de contato da Casa Branca, exigiram que trabalhássemos cautelosamente com a administração Trump poucos dias antes da posse para atualizar os sistemas de back-end que tratam de cartas ao presidente. No final das contas, a equipe construiu o site em seis semanas, um processo que Nacin diz que normalmente levaria seis meses.



A própria marca do site é um contraste com esse processo. Tanto funcional quanto metaforicamente, a acessibilidade era a prioridade, de acordo com Flaherty. Ostrower diz: Todo o nosso argumento de venda, que montamos em cerca de dois a três dias, era a ideia de que a Casa Branca é a casa do povo. O conceito de casa do povo formou a base da marca e, a partir daí, a equipe Wide Eye elaborou o design do site em 72 horas. Essa acessibilidade se manifesta em uma ênfase renovada na acessibilidade digital e na marca visual, ambas contrastando com a administração anterior.

[Captura de tela: WhiteHouse.gov]

Transmissão ao vivo da copa do mundo 2018
O site apresenta novos recursos, como modo escuro de alto contraste e opções de texto grande, que são importantes para a legibilidade e são especialmente importantes para usuários com deficiência visual. Ele trouxe de volta uma versão em espanhol do site, retirado pela administração Trump, e apresenta novos detalhes, como menus suspensos de pronomes inclusivos para seu menu de contato. A equipe de Flaherty também realizou uma auditoria de conteúdo. Retiramos tudo que desse uma impressão errada do que é o nosso governo, diz ele.

[Captura de tela: WhiteHouse.gov]

Ostrower vê o site como um símbolo importante da nova administração. É por isso que os elementos de acessibilidade e inclusão são tão cruciais. Queríamos demonstrar que existe um conjunto de valores em ação, diz ele. Mas não se tratava apenas de óptica. Sua equipe queria demonstrar que os valores de acessibilidade e inclusão não são apenas coisas que você diz, mas são coisas técnicas difíceis que são importantes, diz ele.

Isso inclui tempos de carregamento rápidos, fontes legíveis e navegação simples no site. Queríamos atingir o maior público possível e garantir que os usuários tivessem acesso a essas informações, diz a gerente técnica da Wide Eye e especialista em acessibilidade Erica Andersen, que liderou o design de recursos de acessibilidade e usabilidade, como navegação no site e seu desempenho em dispositivos móveis.

Pedimos a um especialista em acessibilidade para criticar o site. Ela ficou bastante impressionada. Existem princípios básicos de acessibilidade que qualquer pessoa deve ter. . . para que qualquer pessoa possa acessar o site, diz Jenny Lay-Flurrie, diretora de acessibilidade da Microsoft. Ela verificou a acessibilidade de WhiteHouse.gov usando uma ferramenta gratuita chamada Acessibilidade Insights e descobri que o site pode ser navegado com tecnologia de assistente e não encontrou nenhum problema no geral. Ficou muito claro que a acessibilidade foi considerada, ela observa, acrescentando que ainda há mais que pode ser feito para continuamente subir o padrão de inclusão, como a introdução da linguagem de sinais para vídeos.

Magwood, Ostrower e a diretora de criação associada da Wide Eye, Ida Woldemichael, também enfatizaram a acessibilidade por meio de gráficos. Flaherty lembra que, durante o processo de planejamento, eles queriam que o site transmitisse uma sensação de cordialidade e acessibilidade. Isso se manifesta em recursos como o tratamento de imagens, que têm cantos arredondados, e a paleta de cores expandida da marca, que introduzirá o que Ostrower chama de tons terrosos e orgânicos aos gráficos sociais e impressos nos próximos meses. Ele acrescenta que as cores, com nomes como sequóia e pergaminho, falam à personalidade mais realista de Biden e traçam um contraste com a marca dourada de Trump. Eles também introduzirão gradientes - uma marca registrada da marca da campanha de Biden - que eles dizem ser um símbolo de luz sendo permitida e paredes derrubadas.

[Imagem: cortesia Wide Eye Creative]

Algumas ideias da campanha presidencial de Biden foram levadas adiante com sutileza. A equipe enfatizou a ideia de construir a partir da mensagem Build Back Better da campanha com ilustrações de linhas em formato de projeto no site, diz Woldemichael. O logotipo do site, desenvolvido com um ilustrador baseado em Dallas John Mata , tem um estilo plano e arquitetônico, que Magwood diz refletir um foco na construção e nosso movimento em direção a comunicações digitais mais modernas. (Obviamente, a maioria das organizações achatam sua marca digital porque ela é melhor lida em telas pequenas.) O logotipo digital da Casa Branca é uma versão de várias que serão usadas em diferentes aplicativos, incluindo impressão.

[Imagem: cortesia Wide Eye Creative]

Os designers também transportaram as fontes da campanha, mas mudaram seu posicionamento na página para que a fonte serifada mais tradicional Mercury ocupasse o centro do palco e a moderna sem serifa Decimal fosse secundária. É tudo a mesma tipografia da campanha, diz Ostrower. É apenas invertido para dar a tudo uma qualidade mais oficial e mais da seriedade que se exige com o trabalho do governo.

Afinal, Biden é o presidente.