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

Cliente

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

UX/UI Design                            Web Design

#Copywriting #SEO #Usabilidade

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.

O desafio


Para se apresentar uma comunidade mais vasta de usuários, 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 possui, 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 usuário com sua robusta biblioteca de conteúdo e agregado 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 usuários confusos sobre sua usabilidade.

galeria pnpas activemedia
galeria2 pnpas activemedia
galeria3 pnpas activemedia
galeria4 pnpas activemedia
galeria6 pnpas activemedia
galeria5 pnpas activemedia

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

Jorge Oliveira

galeria7 pnpas activemedia-1

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 pesasse no lado mais institucional. Este era o nosso primeiro grande desafio, fazer com que as coisas fizessem todas as partes 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 confiável como é a DGS, interessante e facilmente compreensível pela população em geral .

Sandra Estevam

galeria8 pnpas 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 usuários / leitores do site, equilibrando assim, o estilo com uma experiência de usuário elegante e eficiente.

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 usuários para o que se faz em termos de Alimentação Saudável em Portugal e ajudar os cidadãos e os profissionais de saúde a encontrar, entre outros, dados de qualidade sobre a situação alimentar nacional, sobre legislação com for 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.

galeria9 pnpas activemedia

As infografias cheias de informação prática


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

galeria10 pnpas activemedia
galeria11 pnpas activemedia

A Biblioteca e as Receitas

Vastas listagens de mais conteúdos a descobrir


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

galeria12 pnpas 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.

galeria13 pnpas activemedia
galeria14 pnpas activemedia
galeria15 pnpas activemedia
galeria16 pnpas 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.

galeria17 pnpas activemedia