Pixel ID

Programa Nacional para a Promoção da Alimentação Saudável – DGS

Uma publicação online para todos

Renovámos o site da Alimentação Saudável com uma estrutura mais ágil e uma abordagem de conteúdos que serve nutricionistas, professores e profissionais de saúde, mas igualmente a população em geral.

Programa Nacional para a Promoção da Alimentação Saudável - DGS

O desafio

Para se apresentar a uma comunidade mais vasta de utilizadores, o Programa Nacional para a Promoção da Alimentação Saudável da Direção-Geral da Saúde pediu-nos para criar um novo site, que partilhasse não só o vasto conhecimento que possuem, mas também que agregasse informação que estava espalhado em vários “sítios” digitais e analógicos.

 

UX/UI Design

Quando o Programa da Alimentação Saudável nos abordou para redesenhar o site deles, o principal objetivo era aumentar o envolvimento do utilizador com sua robusta biblioteca de conteúdo e juntar os conteúdos do blog aos conteúdos mais institucionais, para que tudo fizesse parte de um todo. A arquitetura anterior do blog do nutrimento era fragmentada e tinha um link externo a tudo o resto, o que deixava os utilizadores confusos sobre sua usabilidade.

Programa Nacional para a Promoção da Alimentação Saudável - DGS 1 ActiveMedia
Programa Nacional para a Promoção da Alimentação Saudável - DGS 2 ActiveMedia
Programa Nacional para a Promoção da Alimentação Saudável - DGS 3 ActiveMedia

 

A nossa abordagem envolveu a consolidação da arquitetura de informação, para aumentar a facilidade de navegação. Também criamos um design flexível que permitia ao Programa Nacional para a Promoção da Alimentação Saudável criar conteúdos diferentes: artigos escritos, páginas, vídeos, podcasts e infografias.

 

Programa Nacional para a Promoção da Alimentação Saudável - DGS 4 ActiveMedia
Programa Nacional para a Promoção da Alimentação Saudável - DGS 5 ActiveMedia
Programa Nacional para a Promoção da Alimentação Saudável - DGS 6 ActiveMedia

 

 

“O que aprendemos com 5 anos de uso da primeira versão, permitiu-nos optimizar e relacionar melhor os conteúdos e abordar a estrutura de uma forma mais ágil e de acordo com as necessidades da audiência profissional e do cidadão comum.”

Jorge Oliveira

 

 

lol

 

A solução para o blog nutrimento

Como o blog é vasto e extenso tínhamos o grande desafio de criar uma solução que permitisse que o site não fosse demasiado pesado, por isso foi criado um link externo, com uma base de dados diferente para o blog, por forma a que os conteúdos do blog não pesassem no lado mais institucional. Este era o nosso primeiro grande desafio, fazer com que as coisas fizessem todas parte de um todo, mas que não comprometesse o peso de todas as imagens e documentos que iriam ser carregados no futuro.

O segundo grande desafio foi organizar todos os diferentes conteúdos – os diferentes programas, projectos, a dieta mediterrânea, alimentos, nutrientes, receitas, biblioteca e boas práticas – para criar um produto que fosse intuitivo, com conteúdos interessantes a toda a comunidade e de fácil leitura a todos. Sem esquecer todo o trabalho de SEO, que é essencial num manancial de informação como este.

 

A informação sobre alimentação e nutrição é cada vez mais numerosa na internet e nem sempre tem por base conhecimentos científicos, era por isso uma responsabilidade para nós, tornar a informação credível e fidedigna como é a da DGS, interessante e facilmente compreensível pela população em geral.

Sandra Estevam

 

Programa Nacional para a Promoção da Alimentação Saudável - DGS 7 ActiveMedia

 

Um aspecto gráfico limpo e de fácil leitura

Ao projetar o site do Programa Nacional para a Promoção da Alimentação Saudável quisemos dar vida à marca e conjuga-la com as melhores tipografias, para que criassem boa leitura aos utilizadores/leitores do site, equilibrando assim, o estilo com uma experiência de utilizador elegante e eficiente.

Vídeo de apresentação do site para as redes sociais

O lado editorial

Linhas sóbrias, cores claras e um lado forte editorial consistente, inteligente e com uma aparência elegante. O objetivo é orientar os utilizadores para o que se faz em termos de Alimentação Saudável em Portugal e ajudar cidadãos e os profissionais de saúde a encontrem, entre outros, dados de qualidade sobre a situação alimentar nacional, sobre legislação com relevância para a área da promoção da alimentação saudável, sobre alimentos e nutrientes, sobre as orientações da DGS e ainda receitas saudáveis e ferramentas para utilizar no dia-a-dia.

lol

 

As infografias cheias de informação prática

As infografias são altamente relacionadas a cada página e a cada dado cientifico e foram criadas para que os dados sejam eles estatísticos, ou dados informativos sejam comprimidos por todos os utilizadores. Tentámos também expandir o estilo e os icons para criar modelos e recursos visuais para criar conteúdos futuros.

Programa Nacional para a Promoção da Alimentação Saudável - DGS 8 ActiveMedia
Programa Nacional para a Promoção da Alimentação Saudável - DGS 9 ActiveMedia

 

 

A Biblioteca e as Receitas

Vastas listagens de mais conteúdos a descobrir

Os utilizadores que pretendem pesquisar um tema em especifico podem faze-lo na Biblioteca. Nesta área para além das imagens, artigos, relatórios, posters e até videos podem ser vistos e transferidos para a sua área de trabalho para que possa ler ou absorver ao seu ritmo.

 

Programa Nacional para a Promoção da Alimentação Saudável - DGS 10 ActiveMedia

 

Na listagem das receitas saudáveis quisemos separá-las por tipo de receita. E na sua respectiva single page quisemos mostrar à partida o tempo em que esta pode ser preparada, a dificuldade e para quantas pessoas se destina.

 

Programa Nacional para a Promoção da Alimentação Saudável - DGS 11 ActiveMedia

 

Programa Nacional para a Promoção da Alimentação Saudável - DGS 12 ActiveMedia
Programa Nacional para a Promoção da Alimentação Saudável - DGS 13 ActiveMedia
Programa Nacional para a Promoção da Alimentação Saudável - DGS 14 ActiveMedia

Mais uma vez aqui a importância da Styleguide

No processo de construção de um site, a Styleguide é para nós um dos elementos mais importantes a considerar.

E este site por ser bastante vasto e grande, foi muito importante a construção da mesma, onde temos uma coleção de elementos gráficos e regras que devem ser seguidos para garantir que as páginas ou peças separadas do site sejam consistentes entre si e criem uma experiência harmoniosa. Mas sobretudo porque este é um site em constante evolução, e por isso mesmo, desta forma temos assim a base para construir qualquer elemento ou página.

lol