SlideShare ist ein Scribd-Unternehmen logo
1 von 10
Downloaden Sie, um offline zu lesen
Site Febraban 2007/8
Projeto
A equipe de Comunicação da Febraban, responsável pelo portal da entidade,
tinha como objetivo renovar o site, facilitar a navegação do usuário e
evidenciar os milhares de documentos e informações extremamente
relevantes para o setor e que estavam “escondidos” no antigo site.

Site em 2006




                                                             Site em 2007
Projeto
Nosso trabalho envolveu desde a consultoria estratégica para posicionamento
da Febraban na internet, reorganização do conteúdo, protótipo de navegação,
criação do novo layout até o desenvolvimento dos templates e a criação do
manual de identidade visual do novo portal.
As mesmas etapas de trabalho também se estenderam ao site da CNF –
Confederação Nacional das Instituições Financeiras.




   Posicionamento      Organização          Layout          Templates
Serviços realizados
Arquitetura de Informação – fase de levantamento de necessidades,
mapeamento dos conteúdos das áreas, proposta de organização e estruturação
do conteúdo e aprovação da arquitetura de informação.
Serviços realizados
Prototipagem – desenvolvimento do protótipo com o conceito de navegação
em todos os níveis do site: home, páginas de entrada do menu principal,
páginas de submenu, resultado de busca e formulários.
Serviços realizados
Layout e interface – criação do layout e interface da home e demais páginas
do site, seguindo o conceito de navegação aprovado no protótipo.
Serviços realizados
Templates – desenvolvimento das telas tipo – home, interna 1o. nível, 2o.
nível, 3o. nível, formulário, resultado de busca, serviços etc. –, segundo
padrões web que melhoram a performance do site. Foram desenvolvidos 20
modelos de páginas para atender às características do portal Febraban.
Serviços realizados
Manual de Identidade Visual – criação de um manual com os padrões e
códigos visuais (cores, fontes, imagens etc.) que fortalecem a marca e
permitem a expansão do site, garantindo a harmonia e o equilíbrio dos
elementos estéticos estabelecidos no layout e na programação.
Case Febraban Internet

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (12)

Apresentação1
Apresentação1Apresentação1
Apresentação1
 
Pesquisa de Mercado: Camiseta para Jovens
Pesquisa de Mercado: Camiseta para JovensPesquisa de Mercado: Camiseta para Jovens
Pesquisa de Mercado: Camiseta para Jovens
 
Etapas de desenvolvimento de um website
Etapas de desenvolvimento de um websiteEtapas de desenvolvimento de um website
Etapas de desenvolvimento de um website
 
8 fazes do planejamento de sites
8 fazes do planejamento de sites8 fazes do planejamento de sites
8 fazes do planejamento de sites
 
Proposta de criação de site
Proposta de criação de siteProposta de criação de site
Proposta de criação de site
 
Proposta Site
Proposta SiteProposta Site
Proposta Site
 
Editora Revan - Proposta Site
Editora Revan - Proposta SiteEditora Revan - Proposta Site
Editora Revan - Proposta Site
 
Muppy Agência Digital 2014
Muppy Agência Digital 2014Muppy Agência Digital 2014
Muppy Agência Digital 2014
 
Apresentação Agência Yellow Monkey
Apresentação Agência Yellow MonkeyApresentação Agência Yellow Monkey
Apresentação Agência Yellow Monkey
 
Salt Agencia
Salt AgenciaSalt Agencia
Salt Agencia
 
Apresentação Agência Hive - #estratégia #digital #criativa
Apresentação Agência Hive - #estratégia  #digital  #criativaApresentação Agência Hive - #estratégia  #digital  #criativa
Apresentação Agência Hive - #estratégia #digital #criativa
 
Apresentação - Agência Plena
Apresentação - Agência PlenaApresentação - Agência Plena
Apresentação - Agência Plena
 

Ähnlich wie Case Febraban Internet

Webpages2
Webpages2Webpages2
Webpages2
EMSNEWS
 
O que é ser web designer
O que é ser web designerO que é ser web designer
O que é ser web designer
Anderson Garcia
 
O que é ser web designer
O que é ser web designerO que é ser web designer
O que é ser web designer
Tiago Tavares
 
O que é ser web designer
O que é ser web designerO que é ser web designer
O que é ser web designer
MillaSteinbach
 
O que é ser web design
O que é ser web designO que é ser web design
O que é ser web design
Ester Caetano
 
O que é ser web designer
O que é ser web designerO que é ser web designer
O que é ser web designer
Gustavo Wagner
 
Oqueserwebdesigner
OqueserwebdesignerOqueserwebdesigner
Oqueserwebdesigner
Jesse Js
 
Oqueserwebdesigner
OqueserwebdesignerOqueserwebdesigner
Oqueserwebdesigner
Jesse Js
 
O que é ser web designer
O que é ser web designerO que é ser web designer
O que é ser web designer
Jheniffer Kirst
 

Ähnlich wie Case Febraban Internet (20)

Projeto de WEB Site
Projeto de WEB SiteProjeto de WEB Site
Projeto de WEB Site
 
Case Dalkia Intranet
Case Dalkia IntranetCase Dalkia Intranet
Case Dalkia Intranet
 
Webpages2
Webpages2Webpages2
Webpages2
 
Web Design > Aula 00
Web Design > Aula 00Web Design > Aula 00
Web Design > Aula 00
 
O que é ser web designer
O que é ser web designerO que é ser web designer
O que é ser web designer
 
O que é ser web designer
O que é ser web designerO que é ser web designer
O que é ser web designer
 
O que é ser web designer
O que é ser web designerO que é ser web designer
O que é ser web designer
 
O que é ser web designer
O que é ser web designerO que é ser web designer
O que é ser web designer
 
O que é ser web design
O que é ser web designO que é ser web design
O que é ser web design
 
O que é ser web designer
O que é ser web designerO que é ser web designer
O que é ser web designer
 
Oqueserwebdesigner
OqueserwebdesignerOqueserwebdesigner
Oqueserwebdesigner
 
O que é ser Web Designer
O que é ser Web DesignerO que é ser Web Designer
O que é ser Web Designer
 
O que é ser web designer
O que é ser web designerO que é ser web designer
O que é ser web designer
 
O que é ser web designer
O que é ser web designerO que é ser web designer
O que é ser web designer
 
Oqueserwebdesigner
OqueserwebdesignerOqueserwebdesigner
Oqueserwebdesigner
 
O que é ser web designer
O que é ser web designerO que é ser web designer
O que é ser web designer
 
Oqueserwebdesigner
OqueserwebdesignerOqueserwebdesigner
Oqueserwebdesigner
 
Oqueserwebdesigner
Oqueserwebdesigner Oqueserwebdesigner
Oqueserwebdesigner
 
O que é ser web designer
O que é ser web designerO que é ser web designer
O que é ser web designer
 
Web Designer
Web DesignerWeb Designer
Web Designer
 

Case Febraban Internet

  • 1.
  • 3. Projeto A equipe de Comunicação da Febraban, responsável pelo portal da entidade, tinha como objetivo renovar o site, facilitar a navegação do usuário e evidenciar os milhares de documentos e informações extremamente relevantes para o setor e que estavam “escondidos” no antigo site. Site em 2006 Site em 2007
  • 4. Projeto Nosso trabalho envolveu desde a consultoria estratégica para posicionamento da Febraban na internet, reorganização do conteúdo, protótipo de navegação, criação do novo layout até o desenvolvimento dos templates e a criação do manual de identidade visual do novo portal. As mesmas etapas de trabalho também se estenderam ao site da CNF – Confederação Nacional das Instituições Financeiras. Posicionamento Organização Layout Templates
  • 5. Serviços realizados Arquitetura de Informação – fase de levantamento de necessidades, mapeamento dos conteúdos das áreas, proposta de organização e estruturação do conteúdo e aprovação da arquitetura de informação.
  • 6. Serviços realizados Prototipagem – desenvolvimento do protótipo com o conceito de navegação em todos os níveis do site: home, páginas de entrada do menu principal, páginas de submenu, resultado de busca e formulários.
  • 7. Serviços realizados Layout e interface – criação do layout e interface da home e demais páginas do site, seguindo o conceito de navegação aprovado no protótipo.
  • 8. Serviços realizados Templates – desenvolvimento das telas tipo – home, interna 1o. nível, 2o. nível, 3o. nível, formulário, resultado de busca, serviços etc. –, segundo padrões web que melhoram a performance do site. Foram desenvolvidos 20 modelos de páginas para atender às características do portal Febraban.
  • 9. Serviços realizados Manual de Identidade Visual – criação de um manual com os padrões e códigos visuais (cores, fontes, imagens etc.) que fortalecem a marca e permitem a expansão do site, garantindo a harmonia e o equilíbrio dos elementos estéticos estabelecidos no layout e na programação.