1. Add Technologies
Soluções inovadoras em TI e Web
Rio de Janeiro, 1º Semestre de 2012
www.addtech.com.br

2. Sobre a Add
“Uma empresa que faz a diferença, buscando sempre
soluções criativas e inovadoras em TI, comprometida com o
sucesso de cada cliente”.
1997 2002 2003 2008 2010 2011
A Add A empresa Cria uma nova Consolidada no Divisão da É criada a
Technologies começa a marca: a Add mercado, a empresa em primeira agência
nasce atender as Interactive. Add Technologies 5 áreas de web integrada a
desenvolvendo demandas resultado da união comemora seus 10 negócio: uma fábrica de
soluções de TI das áreas de entre criação Web anos de sucesso Governança de soluções, no RJ
para Web marketing e TI, para atender TI, Fábrica,
de seus clientes o ciclo completo Interatividade,
das empresas Outsourcing e
Fullpacks

4. Escritórios
 São Paulo - Jardins
 Rio de Janeiro – Glória
 Rio de Janeiro – Barra da Tijuca
Fábrica de Soluções
 + 200 profissionais
 + 30 servidores
 + 30 profissionais CSM
 2 Andares
 6 Salas de Reunião
 2 Salas de Scrum
 1 Lounge

5. Clientes AddTech

8. Agência Web

10. Soluções Web
Portal Internet

11. Portal Internet
• Gerenciamento e publicação dinâmica de conteúdos
• Funciona integrado ao site, através do Browser
• Permite ao cliente atualizar conteúdos do seu site

12. Portal Internet: benefícios
 Produtividade acelerada
 Acesso administrativo seguro, via login e senha
 Edição de conteúdo viabilizada por um uma interface semelhante
a um editor de texto: funciona 100% pelo navegador
 Flexibilidade de Design e Identidade Visual

13. Soluções Web
Mobile

14. Sites Mobile
Aplicativos
Mobile

15. Sites Mobile
(Desen. orientado ao Browser, SEO mobile,
dependência 100% internet)
Aplicativos
Mobile
(Desen. orientado ao OS, Features dos dispositivos,
interface carregada no hardware do aparelho)

16. Aplicativos : Plataformas

20. Soluções Web
Intranet Colaborativa

21. O que é o Sharepoint?
É uma ferramenta que permite
que pessoas colaborem em
ambientes de trabalho Colaboração Comunicação
virtual através de uma SharePoint
infraestrutura gerenciável
e uma plataforma de aplicação
extensível para o Documentação
aperfeiçoamento de processos
de negócios
SharePoint - Soluções Colaborativas

22. O que esperar do SharePoint?
• Comunicação e Colaboração eficiente
• Rápida implementação e facilidade de uso
• Plataforma robusta e segura para aplicações Web
• Infraestrutura gerenciável
• Escalabilidade para aplicações Web
• Integração com Active Directory (AD)
• Integração com ferramentas Microsoft Office
• Recursos de Gestão de Documentos (GED)
• Administração centralizada dos sites
• Sistema de Busca
SharePoint - Soluções Colaborativas

23. A quem interessa o SharePoint?
Áreas:
• Tecnologia da Informação
• Diretoria e Gestão
• Processos
• Marketing
• Recursos Humanos
SharePoint - Soluções Colaborativas

24. Segmentos de Mercado
Fonte: Microsoft

25. Ferramentas SharePoint

26. Licenciamento SharePoint

27. Principais Aplicações
• Intranets
• Extranets
• Comunicação Corporativa
• Gestão de Documentos (GED)
• Painéis Executivos/Dashboards

28. Componentes do SharePoint

29. Serviços Complementares
• Consultoria
• Customização
• Hospedagem
• Desenvolvimento
• Treinamento
• Manutenção
• Suporte

30. Soluções Web
SEO – Otimização de sites
para mecanismos de busca

31. Search Engine Optimization – SEO (benefícios)
 Aumento de visibilidade e presença digital
 Potencializar negócios através da Web
 Mapear o interesse do público-alvo ao acessar o site
 Conhecer o comportamento dos usuários no site
 Identificar a origem e destinos dos usuários
 Obter dados importantes para:
 Campanhas de Marketing direcionado
 Reformulação da navegação
 Reorganização de informações
 Criação de novas áreas do site

32. Search Engine Optimization – SEO (metodologia)
As atividades de um
projeto SEO estão
divididas em três
partes:

33. ESTRATÉGIA

34. IMPLEMENTAÇÃO

35. MONITORAMENTO

36. Soluções Web
Links Patrocinados

37. Soluções Web
Links Patrocinados
2 momentos
Consultoria Gerenciamento de
Campanha

38. 1º Momento – Consultoria
 Análise de concorrência – etapa onde são realizadas tarefas de mapeamento de atuação
dos concorrentes na utilização de Links Patrocinados;
 Definição de palavras chave – etapa onde são definidas e a alinhadas aos seus serviços,
soluções ou produtos;
 Configuração de campanhas – tarefas relacionadas a configuração da ferramenta de
gestão de anúncios;
 Criação de grupo de anúncios – tarefas de geração de textos relacionados aos objetivos –
Serão criados e gerenciados anúncios de Links Patrocinados;
 Definir landing pages – etapa onde se define quais páginas serão “destinos” dos usuários
provenientes de Links Patrocinados;
 Configuração do Google Analytics – configuração da ferramenta de análise de métricas;

39. 2º Momento – Gerenciamento de Campanha
 Monitoramento e gerenciamento diário dos grupos de anúncios;
 Tomadas de ações estratégicas em função do desempenho da campanha.
 Geração de relatórios semanais de desempenho;

40. Soluções Web
Social Media Optimization

41. Mídias Sociais - SMO
 Estratégia em Redes Sociais
 Monitoramento
 Desenvolvimento de páginas
interativas para Facebook
 Desenvolvimento de
aplicações para Facebook e
Youtube
 Geração de Conteúdo

42. Soluções Web
Design Adaptável

43. Processo de Criação e Design – Agência Web

44. Briefing
 Verificar expectativas do cliente
 Levantar requisitos para o projeto
 Alinhar conteúdos e funcionalidades
 Coletar amostras de conteúdos
 Obter padrões de identidade visual
 Coleta e análise de concorrência
 Discutir linguagem de comunicação

45. Arquitetura da Informação
Organizar a informação de forma
que as pessoas encontrem
rapidamente o que procuram

46. AI: mapa de arquitetura
Documento composto por
diagramas que representam
hierarquicamente a estrutura e
organização dos grupos de
informações e funcionalidades,
bem como prevê fluxos de
navegação e interação.

47. Projeto de Interface: usabilidade
Garantir que a interface
seja fácil de ser
compreendida e utilizada,
trazendo segurança e
satisfação para o usuário.

48. AI: inventário de conteúdos
Planilha resultante da coleta,
junto ao cliente, para
obtenção de amostras de
conteúdo que deverão ser
produzidos ou de versões
finais, se já disponíveis.
As amostras de conteúdo são organizadas num documento que
funciona como índice de tudo que deverá ser incluído

49. Projeto de Interface: planejamento físico
Organizar os elementos de
interface com o usuário, dentro de
uma visão estrutural esquemática

50. Projeto de Interface: wireframe
Organizar os elementos de interface com o usuário, dentro de
uma visão estrutural esquemática.

51. Identidade Visual
Estudos de layouts com
softwares de edição
gráfica para definição e
aprovação “look and feel”
geral do ambiente.

52. Projeto Gráfico
Detalhamento em software gráfico dos
modelos e variações das telas
necessários para a montagem do
sistema ou site.

53. Construção das Interfaces
 XHTML, HTML 5
 CSS2, CSS3
 JavaScript / Ajax
 Sharepoint, DNN, Wordpress
 Interfaces para Multimídia
 Flash + Papervision 3D
 Interfaces Flex

55. O Scrum oferece:
• Indivíduos e iteração
mais que processos e
ferramentas;
• Produto em
funcionamento mais que
documentação;
• Colaboração com o
cliente mais que
negociação de contratos;
• Responder a mudanças
mais que seguir um plano.

56. Pilares do Scrum
 Transparência
 Mostra problemas
 Não apresenta soluções
 Inspeção e Adaptação
 Loops de Feedback

57. Kanban – Scrum Board

58. Portfólio – Agência Web

59. Portal – Eletronuclear
Desafio
Após a fusão da Nuclen - Nuclebrás Engenharia S/A com a Diretoria Nuclear de Furnas, em 1997, a Eletronuclear
vem passando por um processo de adaptação, que envolveu a criação de uma nova logomarca e o
estabelecimento da empresa no mercado. Apesar desse processo ainda estar em andamento, a empresa ainda não
possuía um site que estivesse de acordo com os padrões exigidos no mercado, e que fosse interessante para seu
público-alvo. Sendo assim, a ADDTECH tinha como principal desafio, a prover o novo site da empresa, utilizando
uma tecnologia mais moderna, que permitisse a eles uma autonomia para gerir o website, podendo, portanto,
modificar seu conteúdo, através de uma plataforma estável, que ainda contasse com um design moderno e
agradável.
Solução
A solução foi um trabalho forte de repaginação do website da Eletronuclear, dando ênfase a nova marca da
empresa, além de prover um novo layout, que tivesse uma cara mais jovem, e que também tivesse como grande
objetivo a comunicação com seu público-alvo, buscando atender os diferentes focos da empresa, que engloba
estudantes, pesquisadores, e pessoas do ramo.

60. Site – Artplan
Desafio
A Artplan, considerada uma das vinte maiores agências de publicidade do Brasil, necessitava de um portal que
estivesse de acordo com os novos padrões semânticos da web. Adotando regras de Web Standards e Tableless, já
que se apresentou no mercado durante 3 anos com um site em flash.
Solução
O resultado deste projeto foi resultante entre uma parceria oficialmente criada entre a Add Technologies e a
Artplan, e unindo criação, design e tecnologia, criamos um site leve e original, focando a simplicidade e
objetividade na navegação para os usuários. Para a área administrativa, foi implementado o Wordpress como
CMS, que através de uma análise consultiva, chegamos a conclusão que era a plataforma que melhor atenderia a
esta demanda.

61. Portal – Infnet
Desafio
A necessidade do Instituto Infnet era possuir uma solução tecnológica, que aliasse gerenciamento de conteúdo,
integração com sistemas internos e que fosse aderente aos mecanismos de buscas, além de apresentar interfaces
que refletissem para o usuário a excelência no ensino e modernidade.
Solução
A Add Technologies aceitou o desafio e, muito mais que um website, desenvolveu uma solução integrada em
plataforma .Net, unindo gerenciamento de conteúdo com aplicações de sistema acadêmico. Diversos módulos
foram desenvolvidos para viabilizar integrações e implementações de áreas específicas do portal.
A arquitetura de informação do projeto permite ao usuário uma fácil navegação e, como uma das premissas do
projeto era seguir o padrão W3C, todas as interfaces podem ser acessadas em diferentes "browsers".

62. Portal – Coca-Cola Brasil
Desafio
Após uma exaustiva concorrência entre as principais empresas de desenvolvimento web do Brasil, a Add
Technologies foi a empresa escolhida para desenvolver o Portal corporativo da Coca-Cola Brasil, que tinha a
necessidade de integrar este site a toda a campanha mundial da companhia: "Cada Gota Vale a Pena (Make Every
Drop Count)" e possuir uma ferramenta de gerência de conteúdo capaz de oferecer facilidades e recursos
suficientes para que a equipe de Marketing pudesse atualizá-lo.
Solução
Para atender aos requisitos da Coca-Cola, a Add Technologies desenhou uma ferramenta que permite não só o
gerenciamento de todo o conteúdo do site de maneira transparente, com um “workflow” amigável para
possibilitar a gestão do site por toda a equipe de marketing da Coca-Cola Brasil. Através desta ferramenta são
oferecidos recursos de hospedagem de imagens, vídeos e qualquer tipo de arquivo em banco de dados, e a sua
recuperação sem afetar a experiência do usuário.

63. Site – Leader
Desafio
A Leader, uma das maiores redes de lojas de departamento do Brasil, tinha como objetivo criar uma identificação
entre o seu público-alvo e as marcas especialmente desenvolvidas para atender cada estilo de cliente. Além disso,
a empresa precisava mudar o conceito do seu web site. Deixar de ser um site apenas institucional, para se tornar
uma ferramenta de marketing, incluindo o portal no plano de mídia da empresa contemplando sempre o mesmo
conteúdo divulgado em suas campanhas.
Solução
A Add Technologies desenvolveu uma interface amigável para representar cada marca, reformulou todo o design
visual, criando áreas de destaque no site com ênfase nestas marcas, características e estilos. Permitindo assim,
localizar mais fácil e rapidamente as informações. Envolveu o site no plano de mídia da empresa criando uma
rotina de atualização constante, baseada na campanha vigente (Dia das Mães, Dia dos Namorados e etc.). Além de
dar mais dinamismo a página utilizando recursos em Flash, ASP e ferramentas de SEO, voltado para mecanismos
de buscas, conseguindo também reduzir muito o tempo de disponibilização dos conteúdos.

64. Intranet - Capemisa
Desafio
A CAPEMISA é uma empresa Seguradora de Vida e Previdência S/A. Tem 47 anos de tradição e uma carteira com
mais de 340 mil planos ativos. O seu maior desafio era conseguir que seus setores e funcionários trabalhassem de
forma integrada. Além disso, permitir que as informações relevantes ao dia a dia da empresa fossem acessadas
com facilidade e rapidez pelos usuários.
Solução
Visando a integração e a colaboração dos funcionários da Capemisa, a Add Technologies sugeriu uma ferramenta
aplicada a uma Intranet, ferramenta essa, que facilitaria a gestão de documentos e conteúdo, no que tange o fluxo
de trabalho, disponibilização e permissionamento de acesso através de uma interface poderosa e amigável.
Mediante ao atendimento dado pela Add desde o pré-projeto, definindo em parceria com o cliente, à melhor
solução, o know how da empresa na utilização da ferramenta, demonstrado através de cases de projetos
desenvolvidos anteriormente e depoimentos de outros clientes da Add sobre a sua satisfação com o projeto
realizado com solução oferecida.
O cliente ficou seguro em optar pela Add Technologies e pela utilização da tecnologia Microsoft Sharepoint,
excelente para ambientes colaborativos e de alta produtividade em seu desenvolvimento.

65. Site e Mobile – Azul Seguros
Desafio
A Azul é uma empresa que oferece serviços de seguro para: automóveis, saúde, patrimoniais, de vida, previdência privada
entre outros. A companhia necessitava evoluir sua presença na Web, para um novo ambiente integrado, com uma nova
identidade visual e uma linguagem de comunicação mais direta e objetiva com os seus usuários. Necessitava para isso,
iniciar um conjunto de melhorias de design, usabilidade e conteúdo, que garantissem acesso mais fácil, intuitivo e direto às
informações e serviços disponíveis, ampliando o canal de relacionamento e negócios e melhorando significativamente a
experiência de seus usuários.
Solução
Visando superar as expectativas do cliente, a Add Technologies trabalhou os dois grandes conceitos solicitados pela
empresa: ser um portal “Simples e Moderno”, tanto em relação ao design e identidade visual quanto à linguagem de
comunicação e facilidade de utilização. Através de uma série de entrevistas com os clientes internos, a Add conseguiu
levantar todas as necessidades de cada área envolvida com o site e atender todos os requisitos de usabilidade e arquitetura
da informação esperados. Explorando assim, elementos lúdicos e surpreendentes na interface do portal para captar a
atenção, se destacar do usual e fixar-se na memória do usuário. Para alcançar esse objetivo, o recurso visual sugerido foi a
criação de uma família de personagens onde cada um representasse um perfil de usuário que acessa o site. Passando
transparência, fornecendo informações claras e objetivas para cada um dos públicos.

66. Site/Mobile – Polaris Brazil
Desafio
Fundada em 1982 e com atuação em países da América do Norte, América Central, América do Sul, África e
Europa, a POLARIS se utiliza da sua experiência de atuação nos mercados financeiro e imobiliário para se
especializar em identificar oportunidades para clientes altamente exigentes em todo processo do
desenvolvimento imobiliário – desde a concepção inicial do negócio, até a venda e além. A premissa do projeto era
ser um site moderno e extrovertido, associando sempre a marca e a sua campanha de marketing para o final do
ano. Os executivos da Polaris selecionaram como a seu presente de natal o iPad e decidiram associar o lançamento
do seu novo site com o recebimento do presente pelos seus clientes.
Solução
A solução proposta pela Add Technologies foi o desenvolvimento de um que valorizasse o conceito de qualidade
de vida e promovesse a sensação de bem estar. E que fosse projetado para ter o mesmo impacto na web e no
dispositivo móvel escolhido nesse projeto que foi o iPad. As ferramentas tecnológica utilizada foram HTML e
JQuery, pois os recursos do Tablet já possuem uma resolução favorável para sites utilizado pela maioria dos
usuários da internet que é de 1024x768. Portanto o layout foi totalmente pensado para se comportar da mesma
maneira em ambas as plataformas: Desktop e Tablet.

67. Site – Disegno Casas Boutique
Desafio
Fundada em 1982 e com atuação em países da América do Norte, América Central, América do Sul, África e
Europa, a POLARIS se utiliza da sua experiência de atuação nos mercados financeiro e imobiliário para se
especializar em identificar oportunidades para clientes altamente exigentes em todo processo do
desenvolvimento imobiliário – desde a concepção inicial do negócio, até a venda e além. A premissa do projeto era
ser um site moderno e extrovertido, associando sempre a marca e a sua campanha de marketing para o final do
ano. Os executivos da Polaris selecionaram como a seu presente de natal o iPad e decidiram associar o lançamento
do seu novo site com o recebimento do presente pelos seus clientes.
Solução
A solução proposta pela Add Technologies foi o desenvolvimento de um que valorizasse o conceito de qualidade
de vida e promovesse a sensação de bem estar. E que fosse projetado para ter o mesmo impacto na web e no
dispositivo móvel escolhido nesse projeto que foi o iPad. As ferramentas tecnológica utilizada foram HTML e
JQuery, pois os recursos do Tablet já possuem uma resolução favorável para sites utilizado pela maioria dos
usuários da internet que é de 1024x768. Portanto o layout foi totalmente pensado para se comportar da mesma
maneira em ambas as plataformas: Desktop e Tablet.

68. Site – Mobile Online
Desafio
A Mobile, uma das maiores empresa de distribuição de móveis de luxo, para escritórios, no Brasil, percebeu a
necessidade de ter uma presença web inovadora, mesmo sem apresentar previamente um histórico de presença
digital. Esta inovação se fez clara a partir do momento que os usuários passaram a navegar na web a partir de
diferentes dispositivos, como smartphones e tablets. Imersa nesse cenário e até mesmo realizando uma campanha
de branding com o nome da empresa "Mobile", foi percebida a necessidade de se estar presente também nestes
dispositvos.
Solução
O resultado deste projeto foi a criação de um site administrável a partir do Joomla como CMS, já que o ambiente da
contratante foi projetado em Linux + Apache. O projeto se encontra no ambiente de homologação da ADDTECH,
onde estão sendo realizadas as aprovações pelo cliente em relação às adaptações; sendo estas previstas para
Desktop, iPad, e iPhone 4.

69. Site – Mobile Online (homologlx.addtech.com.br/mobile)
Desafio
A Mobile, uma das maiores empresa de distribuição de móveis de luxo, para escritórios, no Brasil, percebeu a
necessidade de ter uma presença web inovadora, mesmo sem apresentar previamente um histórico de presença
digital. Esta inovação se fez clara a partir do momento que os usuários passaram a navegar na web a partir de
diferentes dispositivos, como smartphones e tablets. Imersa nesse cenário e até mesmo realizando uma campanha
de branding com o nome da empresa "Mobile", foi percebida a necessidade de se estar presente também nestes
dispositvos.
Solução
O resultado deste projeto foi a criação de um site administrável a partir do Joomla como CMS, já que o ambiente da
contratante foi projetado em Linux + Apache. O projeto se encontra no ambiente de homologação da ADDTECH,
onde estão sendo realizadas as aprovações pelo cliente em relação às adaptações; sendo estas previstas para
Desktop, iPad, e iPhone 4.

70. @addtechnologies
Rio de Janeiro São Paulo
Rua Conde de Lages, 44 Sl. 1311 Av. Brig. Luis Antônio, 2482 / 5º andar
Glória • Rio de Janeiro • RJ Jd. Paulista • São Paulo • SP • CEP: 01317-001
CEP: 20040-915 • Tel.: 21 2212-3236 Tel.: 11 2865-7502 | 11 8517-8330
Rio de Janeiro, 1º Semestre de 2012
www.addtech.com.br