,

Novo visual do site da Associação Brasileira de Ex-Bolsistas Gaimusho Kenshusei

Montagem com o novo site da Associação Brasileira de Ex-Bolsistas Gaimusho Kenshusei em versão desktop e mobile.

Recentemente aconteceu o lançamento da nova versão do site da Associação Brasileira de Ex-Bolsistas Gaimusho Kenshusei, que reúne ex-participantes de bolsas de estudos e de programas de intercâmbio promovidos pelo Ministério das Relações Exteriores do Japão.

A mudança ocorre 5 anos após o lançamento da primeira versão do website, juntamente com o início dos meus estudos em desenvolvimento web. Faço parte da entidade após ter participado do Programa de Visita ao Japão para Descendentes da América Latina e Caribe, em 2017.

O objetivo do site é manter uma presença institucional, com atualizações e notícias que divulguem as ações da Associação e de seus membros para ex-bolsistas de todo o Brasil e da América Latina, imprensa, diplomatas e interessados nas relações entre Brasil e Japão.

Assim como este website, o novo tema do site da Associação segue o padrão mais recente de blocos, em que o editor visual do WordPress permite a alteração de todas as partes da página.

Flexibilidade de conteúdo

Algumas das alterações mais visíveis estão na página inicial do site da entidade. O primeiro tema priorizava visualmente a atualização de notícias em detrimento de conteúdos fixos e institucionais.

Além disso, por diversas vezes, foi necessário atribuir links de destaque para download de e-books ou conteúdos publicados como páginas ao invés de notícias.

Página inicial foi reformulada com possibilidade de adicionar destaque rápido

A página inicial traz uma breve descrição da entidade com uma foto de fundo, dando um caráter mais atemporal. Em seguida vem as notícias, agora limitadas a três destaques e um link para o arquivo de notícias.

O novo padrão visual agora permite a inserção de uma faixa de destaque rápido no topo da página, com uma chamada de texto em uma linha, sem imagem e com uso de link opcional. As possibilidades incluem incentivo para inscrições em eventos, downloads de e-books, bem como divulgação antecipada de datas de eventos importantes.

Melhorias no índice de ex-bolsistas

O índice de ex-bolsistas agora permite a inserção opcional de fotografia de perfil próxima à biografia da pessoa, com exibição responsiva otimizada. A navegabilidade foi aprimorada, também seguindo o modelo de blocos, com lógica em PHP implementada nos patterns do tema.

Nesta seção o usuário pode pesquisar o perfil de bolsistas brasileiros que participaram dos programas do Ministério dos Negócios Estrangeiros do Japão. Por isso as buscas acontecem por nome, ano de participação na bolsa, ou por estado de origem.

A iniciativa do índice de ex-bolsistas no website é sequência ao que foi realizado na publicação do livro comemorativo dos 50 anos da associação, e deve ser uma das referências para o livro do 60º aniversário em 2025.

Seção de bolsistas no site da Associação Brasileira de Ex-Bolsistas Gaimusho Kenshusei
Perfil no site da associação agora permite a inserção de fotografia

Design e arquitetura de informação

O visual da página foi prototipado no Figma e depois transportado para o modelo de blocos. O design é mais moderno, adequado à nova logomarca, e exige poucos ajustes de CSS para o modelo de blocos.

O site passa a usar a fonte Inter em todos os elementos, além de tamanho, espaçamento e largura de texto mais confortável para a leitura.

A nova versão também possibilitou a reavaliação da arquitetura de informação do website. Utilizando novos recursos de blocos, a página de publicações agora serve como índice automático das páginas individuais de cada e-book, aprimorando a navegabilidade no menu principal.

As fotografias podem ganhar ainda mais destaque, em três larguras: conteúdo, ampla e de tela. Assim sendo, a inserção do conteúdo multimídia é valorizada com um design responsivo e evita quebras pelo uso de alinhamentos horizontais.

Conforme as recomendações do WordPress, o código das funcionalidades não dependentes da versão do layout da página agora ficam na área de plugins da plataforma. Estas funções incluem o bloco de exibição da logomarca e o código que habilita o índice de ex-bolsistas no website.

Avatar de Matheus Misumoto