Projeto para site institucional do CRN-8 (2010).
As imagens com links permitem visualizá-las em tamanho natural.
Site antigo do CRN-8 (clique para ampliar).
O briefing do redesenho do site do CRN-8 (Conselho Regional de Nutricionistas da 8ª Região/Paraná) solicitava a melhoria de alguns aspectos do site atual (veja ao lado duas imagens do siteantigo), sem uma grande mudança de identidade gráfica.
Inicialmente algumas limitações com o projeto antigo foram identificadas e creio que a principal era a dificuldade de manutenção e falta de dinâmica nas seções. O site antigo havia sido desenvolvido Flash, dessa forma a altura da sua interface era fixada (400 px fixas de altura) e não se prolongava conforme a maior extensão de conteúdo. Essa forma de trabalhar prejudicava a publicação de conteúdos mais extensos, obrigando o usuário ficar constantemente rolando a tela na pequena área útil.
Notamos também uso de arquivos em PDF para disponibilizar certos conteúdos que poderiam ser oferecidos nativamente e integradamente à interface original do site. Nesse sentido, buscamos dar aos arquivos PDF um uso mais excepcional do que regular, procurando melhorar a acessibilidade etc. Arquivos para serem baixados (que não fossem os da própria interface nativa do site) ganham sempre indicações de tipo (PDF, DOC, MP3 etc.) e seu tamanho em bytes.
Privilegiou-se um desenho básico, com poucos enfeites efusivos e de pouca longevidade, buscado construir um site mais perene, com alto grau de funcionalidade e recursos tecnológicos mais tradicionais e simplificados, dirigido a um público abrangente, pois mesmo essencialmente voltado ao profissional nutricionista, a simplificação da comunicação gráfica reduz dificuldades das mais diversas, comumente encontradas em setores públicos como o caso.
Adotamos a Georgia para nossa tipografia primária, uma fonte serifada, com características tradicionais, certo refinamento e detalhes delicados como um belo itálico e numéricos descendentes. Sendo uma fonte comum nos sistemas atuais e por ter sido desenhada para ter boa leitura em meios eletrônicos, a Georgia trouxe grande elegância para o projeto. Decidimos por adotar uma fonte secundária, a Tahoma, para elementos usados em menor corpo ou informações paralelas.
Um diferencial do projeto da interface do site foi o campo de busca (baseado no Google) com resultados integrados a tela principal, sem necessidade de navegar em novas janelas para realizar as consultas (veja imagem abaixo).
Outras características da interface e do projeto em geral que podem ser citadas:
- o uso da área “Onde estou?”, região que fica em uma linha acima da área de conteúdo e que indica sempre a seção e o conteúdo atualmente visitado, com hyperlinks para retorno às páginas de nível menor, senão à página inicial;
- seção “Mapa do site” com adição de outras instruções sobre download de arquivos e formas de utilizar a busca;
- botões para naveção em seções que são subdivididas em várias páginas;
- possibilidade de se desenvolver seções com mini-capas (como Notícias ou Audiovisual), oferecendo maior atrativo à navegação e também organizando melhor conteúdos particulares;
- tratamento cuidadoso de textos longos, com uso inteligente de identações para documentos de legislação e atalhos que facilitam a transição de um ponto a outro em páginas longas e
- uso praticamente totalitário de sublinhado para indicar hyperlinks, salvo raras exceções como imagens ou alguns botões.
Exemplo de páginas de notícia que complementam conteúdo
de boletim eletrônico (clique para ampliar).
Índice de notícias (clique para ampliar).
Seção “Audiovisual e publicações” (clique para ampliar).
Exemplos de recursos de navegação (clique para ampliar).
Modelo de página “versão para impressão”
(clique para ampliar).
Um exemplo de capa (clique para ampliar).
Participaram dos trabalhos, em tempo de projeto preliminar, com conteúdo de algumas seções e também colaborando com a organização das informações: Maíra Perotto, Christiane Leite e Neila Wendling (nutricionistas). Participou do desenvolvimento de novas seções, em outro momento dos trabalhos: Karla Losse Mendes (assessoria de comunicação/imprensa).
Veja também:
1 Resposta para “Reformulação do site do CRN-8”