addapters-CECD-proposta-digital-conteudos-estrutura-v01
You also want an ePaper? Increase the reach of your titles
YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.
C.E.C.D.
Proposta Novo Site Institucional
Fevereiro 2019
Olá :)
A Addapters.org tem por objetivo promover, inovar
e sensibilizar para a necessidade de disrupção pela via
do design/redesign no apoio a pessoas deficientes ou
com incapacidade e seus cuidadores, tendo como
resultado a facilitação no acesso aos seus direitos
fundamentais e plena cidadania, materializando assim
uma utopia de equidade e inclusão plena.
QUEM SOMOS
A ADDAPTERS.ORG é uma nova plataforma de ação e pensamento que acredita que a criatividade pode mudar o
mundo, mais inclusivo, ajustado, adaptado. Um conjunto de cidadãos que colocam o seu saber, vontade, experiência e
coração ao serviço de quem não se ajusta ao que temos desenhado até ao momento.
Está integrada na ADDAPTERS, uma agência especializada em comunicação estratégica, respondendo
com um modelo 360º de criatividade, desenvolvimento e implementação às necessidades de ativação
de um produto, serviço ou marca.
Com uma experiência consolidada de 10 anos no mercado português nos eixos de consultoria, design
e brand strategy e com a sua plataforma de marketing e advertising integrada na maior rede internacional de agências
independentes - THE AD STORE -, o nosso foco é descodificar e conciliar as expectativas
e motivações do consumidor com os objetivos e ambições das marcas, num contexto de profunda transformação das
jornadas do cliente e emergência de novos canais digitais e dimensões de relação, onde o human touch e a user
experience são os fatores críticos de sucesso.
O que fazemos
Market
research
Design & Web
Development
Content &
Community
Management
Advertising &
Media
Management
Production &
Operations
Management
Brand strategy & Advisory
Human Centric Approach
O PROJETO
Âmbito e objetivos
A presente proposta ADDAPTERS.ORG + ADDAPTERS + THE AD STORE
PORTUGAL, é desenvolvida em parceria com o Centro de Educação para o
Cidadão com Deficiência - C.E.C.D. -, visando a criação de um novo site
institucional de forma a conseguir entregar, não só aos seus clientes e
cuidadores, como também a possíveis investidores e parceiros, a melhor
experiência de usabilidade e informação possível, de forma clara, concisa e
simples.
O novo site institucional assume-se também como um instrumento estratégico
para divulgação e amplificação das diversas valências e serviços
disponibilizados pela C.E.C.D. para todos os seus clientes e comunidade em
que se integra.
PÚBLICOS ALVO
CUIDADORES INVESTIDORES PARCEIROS
VALORIZAM:
- Valorizam a simplicidade
- Contacto facilitado
PROCURAM:
- Informação clara
- Oferta integrada e abrangente
- Vantagens
- Procedimentos e FAQ’s
VALORIZAM:
- Confiança e Rigor
- Conteúdos Estruturados
PROCURAM:
- Informação Institucional
- Relatórios e Contas
- Certificações e Prémios
Atribuídos
- Experiência e Conhecimento
VALORIZAM:
- Visibilidade e Simplicidade
- Programas Responsabilidade
Social
PROCURAM:
- Áreas de cooperação
- Vantagens e Programas de
Parceria
- Informação Institucional
DRIVERS
ACESSIBILIDADE
De todos para todos, com a aplicação das melhores práticas
EXPERIÊNCIA DE UTILIZADOR
Acesso à informação simples, direta e em qualquer contexto, responsive e mobile
CLAREZA DE CONTEÚDOS
Conteúdos humanizados, mobilizadores, transversal aos vários segmentos.
UTILIZAÇÃO DO DIGITAL
Assumir o digital como ferramenta de apoio ao crescimento e alcance de objetivos
ux
Análise do
SITE ATUAL
UX & usabilidade
Para a análise de experiência de utilizador do atual site e identificação das áreas de
melhoria a serem implementadas na nova proposta digital, foram realizadas diversas
observações ao site por diferentes segmentos e níveis de maturidade digital, focandose
a avaliação em 4 grandes eixos:
1 . TECNOLOGIA | 2 . CONTEÚDOS | 3 . NAVEGAÇÃO | 4 . DESIGN
Sendo aplicada uma grelha de avaliação com 3 níveis simplificados de experiência,
apelando à espontaneidade e facilidade de feedback:
- Não me satisfaz, sinto-me perdido e encontro dificuldades
- Não me surpreende, mas também não me condiciona o alcance dos meus objetivos
- Fico feliz e satisfeito, é fácil, direto e ajuda-me no alcance dos meus objetivos.
ANÁLISE DE UX
ÂMBITO
FUNCIONALIDADE
TECNOLOGIA
CONTEÚDOS
NAVEGAÇÃO
DESIGN
SITE RESPONSIVE
PLATAFORMA ATUAL
ESTRUTURA CLARA DE MENUS
HIERARQUIA / ESTRATIFICAÇÃO DE INFORMAÇÃO
INFORMAÇÃO RELEVANTE E AJUSTADA
LEGIBILIDADE DE CONTEÚDOS (TEXTO E IMAGEM)
OTIMIZAÇÃO SEO
LINGUAGEM SIMPLES
TRADUÇÃO AJUSTADA DE CONTEÚDOS
NAVEGAÇÃO SIMPLES - 3 CLICKS
ACESSIBILIDADE
FORMULÁRIOS CLAROS
FOOTER DE APOIO
PESQUISA
DESIGN CONTEMPORÂNEO
INCORPORAÇÃO DAS TENDÊNCIAS
QUALIDADE DE IMAGENS
CONSISTÊNCIA DE ESTILOS DE LETRA
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
X
ANÁLISE DE UX
A análise global desenvolvida revela e evidencia as fragilidades do atual site e que estão no mote do
atual projeto de reformulação. Como principais recomendações, há a destacar:
a) TECNOLOGIA: utilização de uma nova plataforma que consiga garantir não somente uma maior
flexibilidade e sustentabilidade do projeto no futuro como também integração das melhores
práticas de design mobile first e acessibilidade;
b) CONTEÚDOS: a simplificação da navegação, com uma profundidade até 3 clicks, para além de
uma maior hierarquização dos mesmos e uma redução dos conteúdos atuais disponibilizados em
PDF que por esta via não são indexados;
c) NAVEGAÇÃO: para além da redução de menus, garantir que somente é apresentado ao
utilizador 1 menu e não dois, evitando a dispersão de informação. Deverá também ser excluída o
volume de visitas atualmente público;
d) DESIGN: mais depurado, mais contemporâneo e consistente, de acordo com o moodboard
seguidamente apresentado.
ARQUITETURA
DE INFORMAÇÃO
A arquitetura de informação é determinante na entrega de uma experiência positiva,
mobilizadora e relevante de informação aos diversos perfis de utilizadores. Para a
análise realizada, foi feito um levantamento global de todos os conteúdos existentes no
site – web, documentos pdf, imagens - a respetiva categorização, à luz das melhores
práticas atuais, nomeadamente:
1. NÍVEIS DE NAVEGAÇÃO | 2 . Hierarquização | 3 . pesquisa
A estrutura atual do site está dispersa em três níveis, com uma navegação confusa e
muitas vezes pouco clara.
ARQUITETURA
DE INFORMAÇÃO
NÍVEL I NÍVEL II NÍVEL III
QUEM SOMOS
ÁREAS DE INTERVENÇÃO
INOVAÇÃO E PROJETOS
SER CLIENTE
SER COLABORADOR
COMO APOIAR
NOTÍCIAS
ARTIGOS
SUGESTÕES/RECLAMAÇÕES
LINKES ÚTEIS
LOJA
CONTACTOS
POLÍTICA DE COOKIES
RGPD
LOGIN COLABORADORES
REDES SOCIAIS
Estatutos
Missão, Visão e Valores
Políticas Organizacionais
Direitos e Deveres dos Clientes
Acreditações e Certificações
Relatórios de Atividade e Contas
Órgãos Sociais 2016-2018
E.E.
C.A.O
U.R.
CMR
CFP
SAD
Curva Quatro
EMISC
Jardins Cool - Hortoterapia para TODOS
IDPLiving
Cuidadores em Rede
Projeto IE+
Ser Amigo CECD
IRS Solidário
Newsletter
Mira Jovem
Casa Feliz
Política de Ética
Política de Qualidade
Política de Recrutamento e Retenção de Colaboradores
Política de privacidade e confidencialidade
Políticade Inovação
ARQUITETURA
DE INFORMAÇÃO
A atual arquitetura de informação parte da visão interna para o exterior, o que provoca uma maior
complexidade no acessos aos conteúdos. Como principais recomendações há a destacar:
a) MODELO OUTSIDE-IN: partindo das necessidades dos públicos alvo, através dos insights e
análises desenvolvidas e tendo por base um exercício de empatia. O foco da contrução da
arquitetura de informação deverá ser o utilizador e o modo como este procura a informação e
gostaria de receber a mesma;
b) EXPANDED MENU: apresentar como instrumento de visualização e enquadramento ao utilizador
um footer expanded menu que permite um acesso à informação de forma mais tradicional, a ser
complementada com ferramentas de perfilagem;
c) EU SOU: criação de uma área agregadora de informação por perfil / persona, garantindo de forma
ágil e customizada o acesso à informação.
ANÁLISE SWOT
(perspetiva DIGITAL E COMUNICAÇÃO)
S
-
Cultura Organizacional
- Estruturado e vocacionado para o cuidador e para
o cliente;
- Resposta às diversas necessidades e contextos
do cliente e comunidade;
- Posicionamento Serviços de Saúde;
- Mais de 40 anos de experiência;
- Existência salas Snoezelen e outras terapias
dedicadas que podem ser utilizadas como forma
de comunicação e tração de público.
W
-
Imagem desatualizada;
- Estrutura datada;
- Informação e vantagens
estruturadas segundo uma visão
orgânica interna;
- Fraca interação com o utilizador;
- Não mobile / responsive;
- Fraco call to action.
o- Valências especializadas e diversificadas;
- Serviços abertos para toda a comunidade;
- Possibilidade de interação e marcações online;
- Renovação de imagem de marca;
- Amplificação dos serviços e notoriedade.
t
-
Forte visibilidade das Cerci;
- Terceiro Setor em crescimento em
Portugal;
- Modelo de comunicação e atividade
replicável.
Benchmarking
Nacional e internacional
Benchmarking
Para objetivar a análise global, foram avaliados os sites das entidades nacionais
selecionadas em 4 grandes parâmetros de usabilidade:
1 . UX E design
2 . EFETIVIDADE DA COMUNICAÇÃO
3 . ATUALIDADE DE INFORMAÇÃO
4 . FACILIDADE E CLAREZA
avaliadas segundo uma escala de 0 (não corresponde) / 50 (corresponde
parcialmente) / 100 (corresponde totalmente), e atribuído um ranking final com
base na avaliação média.
Referências
Benchmarking nacional
Benchmarking internacional
AVALIAÇÃO global
Como principais áreas de melhoria da presença digital das instituições avaliadas, que refletem também a tendência do
setor, há a destacar:
a) DESIGN E UX (datado, confuso, muitas vezes com demasiados elementos visuais que se sobrepõem à mensagem);
b) MOBILE / RESPONSIVE ( a maioria dos sites não está preparado para a navegação mobile ou apenas apresenta um
comportamento adaptativo);
c) CALL TO ACTION / INTERAÇÃO (fraca interação com o utilizador e uma presença meramente descritiva);
d) CLAREZA / FACILIDADE (o acesso à informação é confuso na maioria dos casos, com demasiada profundidade de
navegação ou muitas mensagens sem uma hierarquia clara);
AVALIAÇÃO global
As duas principais referências que apresentam uma melhor experiência ao utilizador e uma maior capacidade de entrega
dos diversos parâmetros analisados são a AFID e TRAINM, dos quais podemos retirar diversos learnings ao plano da
comunicação, atualidade de design e informação e adaptação aos diversos contextos do utilizador.
TENDÊNCIAS
Moodboard
design
Mobile & Full responsive
Desenvolvimento da plataforma segundo
uma lógica mobile first, para garantir a
melhor experiência de utilização em
qualquer contexto de acesso do utilizador,
com especial foco para a mobilidade.
O design que propomos é assim fluido,
claro e muito orientado para a
apresentação da informação de forma
simples e direta.
BIG & colorido
Apostar na utilização de cores
chamativas e na apresentação de
grandes manchas de cor e/ou imagens,
de forma a ganhar relevância juntos dos
visitantes.
Adaptação das imagens de forma a
garantir uma profundidade à marca.
Human touch
& Cores quentes
Recorrer a imagens fortemente
humanizadas e com cores quentes, que
transmitem a ideia de conforto, soft e
relacionáveis com os nossos valores e
dia-a-dia.
Tom editorial
& isometric design
Uma tendência digital atual incontornável é a utilização de
grandes fontes de texto, combinadas para uma maior
diversidade e impacto visual junto do visitante e maior
retenção da mensagem.
Cada vez mais presente nas infografias e nas ilustrações,
contribuindo para uma visão global do utilizador de toda a
informação e facilitando a sua compreensão e
interiorização.
iconografia
Estruturar a informação de forma a que
seja de fácil compreensão pelo cuidador e
pelo cliente, criando uma jornada
simplificada.
Garantir uma leitura rápida e imediata
de toda a informação, assegurando que
o recetor percebeu claramente tudo o
que lhe quer ser transmitido.
infografia
RICH MEDIA
Um design orientado para a apresentação de
conteúdos rich – imagem, vídeo, som, touch, etc
– que garante uma maior interação do utilizador
com os conteúdos, gerando mais engagement e
awareness para os projetos do centro.
Deste modo garantimos a criação de um laço
entre o visitante e o Centro, dando-lhe a
conhecer todas as valências do mesmo.
PROPOSTA
ARQUITETURA DE
INFORMAÇÃO
ÁREAS DE INTERVENÇÃO
SOBRE NÓS
INOVAÇÃO E PROJETOS
NOVIDADES
COMO APOIAR
SER CLIENTE
APOIO AO
DESENVOLVIMENTO
• C.A.O.
• E.E.
FORMAÇÃO E EMPREGO
PROTEGIDO
• C.F.P
• CURVA 4
SAÚDE E REABILITAÇÃO
• C.M.R
• S.A.D.
• U.R.
MISSÃO, VISÃO E
VALORES
ÓRGÃOS SOCIAIS
ESTATUTOS
POLÍTICAS
ORGANIZACIONAIS
• ÉTICA
• QUALIDADE
• RECRUTAMENTO
• DADOS PESSOAIS
• INOVAÇÃO
EMISC
JARDINS COOL –
HORTOTERAPIA PARA
TODOS
IDP LIVING
CUIDADORES EM REDE
PROJETO IE +
BLOG
JORNAL MIRA JOVEM
JORNAL CASA FELIZ
NEWSLETTER SER CECD
SER VOLUNTÁRIO
SER EMBAIXADOR
SER PARCEIRO
IRS SOLIDÁRIO
LOJA ONLINE
VANTAGENS
DIREITOS E DEVERES
MARCAÇÕES TERAPIAS E
CONSULTAS
APOIO AO CLIENTE E
CUIDADOR
APOIO AO CLIENTE
CONTACTOS
RELATÓRIOS E CONTAS
SUGESTÕES E
RECLAMAÇÕES
SER COLABORADOR
LINKS ÚTEIS
SIGA-NOS
• YOUTUBE
REQUISITOS
MOBILE FIRST &
RESPONSIVE
ACESSIBILIDADE NÍVEL A
(WCAG 2 .0 )
WEB ANALYTICS
E-COMMERCE
BACKOFFICE E WORKFLOW
DE CONTEÚDOS
MULTILINGUE
INTEGRAÇÃO SOCIAL
MEDIA
MOTOR E EDITOR DE
NEWSLETTERS
WIREFRAMES
O QUE SÃO
E PARA QUE SERVEM?
As wireframes constituem a base de desenvolvimento digital, onde o foco não é o
design, mas sim a usabilidade e a capacidade de resposta às necessidades e insights
recebidos quer do site atual, quer na análise de benchmarking, com a ambição de
entregar a melhor experiência possível.
Não são um exercício de estilo ou de design, mas sim um exercício de resolver
problemas e desafios e de testar a acomodação das diversas funcionalidades
pretendidas, dos requisitos definidos e da arquitetura de informação proposta.
Sobre os mesmos é então aplicada a camada de design, que vem resolver novos
problemas e desafios de visibilidade dos diversos elementos, relevância visual e
integrar as melhores práticas identificadas no levantamento do moodboard visual.
A camada de design irá também garantir a ativação da marca e potenciar todas as
valências previstas nos wireframes.
Acesso à Informação Institucional
Acessos Rápidos às Redes Sociais
Acesso / Login E-Commerce e Carrinho de Compras
Acesso Rápido à área de Contactos e Apoio ao Cliente
Menu Principal (único) centrado nas valências e clientes
Área de Destaques (Filmes, Multicampanha, etc)
Acesso Rápido a soluções personalizadas
de acordo com o meu perfil, permitindo
ao utilizador ter acesso a uma visão global
sem sair da homepage, de forma simples
e relevante ao seu contexto
Área de apresentação dinâmica das
soluções / valências / serviços ajustados
em função do perfil “EU SOU”
Área de novidades / notícias / artigos blog (máximo
duas, por ordem dos mais recente)
Opção de Subscrição de newsletters
Área de Expanded Footer, permitindo uma
visualização sempre constante dos
diversos conteúdos
HOMEPAGE | Desktop
WD01 – EXPANSÃO MENUS
HOMEPAGE | Desktop
WD01 – EXPANSÃO MENUS | WD02 – EXPANSÃO PESQUISA
HOMEPAGE | Desktop
WD03 – ÁREA EU SOU
HOMEPAGE | Desktop
WD04 – PÁGINA TIPO OFERTA | WD05 - PÁGINA TIPO DETALHE | WD06 – PÁGINA TIPO INFOFRAFIA
HOMEPAGE | Desktop
WD07 – PÁGINA CONTACTOS
DEMONSTRAÇÃO
(ambiente de qualidade)
https://marvelapp.com/gb2g13j
planeamento
ROADMAP DO PROJETO
Jan 2019
2ª q
Briefing
inicial
Fev / Mar 2019
Desenvolvimento
Design e
Programação
Abril 2019
Passagem à
produção
(PT/EN)
Abril / maio
2019
Campanha
de Ativação
interna e
externa
Fev 2019
1ª q
Análise e
Definição de
Requisitos
Mar 2019
Realização de
Testes e
Carregamento
de Conteúdos
Abril 2019
Lançamento
NEXT STEPS
q Aprovação do Sitemap - CECD
q Aprovação de Wireframes - CECD
q Desenvolvimento de proposta de Design - ADDAPTERS
q Programação e desenvolvimento - ADDAPTERS
q Desenvolvimento de conteúdos (PT / EN) - CECD
q Carregamento e otimização - ADDAPTERS
q Realização de testes – ADDAPTERS & CECD
q Passagem a produção – ADDAPTERS
q Ativação e Monitorização WebAnalytics – ADDAPTERS
q Formação Site e Escrita Web - ADDAPTERS
Obrigado.
Todos os conteúdos da presente proposta são da autoria da agência ADDAPTERS.ORG + ADDAPTERS + THE AD
STORE PORTUGAL, marcas do grupo ADDAPTCREATIVE LDA. A sua utilização, em todo ou em parte, é exclusiva para
efeitos de informação e prestação de serviços especializados de comunicação, estratégia, design e advertising, não
podendo ser utilizados para outro fim sem prévia autorização.
CONTACTOS:
andre@addapters.com
valdemar@addapters.com
www.addapters.com
FEVEREIRO 2019