manual para intranet
DESCRIPTION
Manual desenvolvido por mim para padronização de layout para intranet.TRANSCRIPT
![Page 1: Manual para Intranet](https://reader030.vdocuments.site/reader030/viewer/2022020722/568c4c8d1a28ab4916a0992d/html5/thumbnails/1.jpg)
Manual de orientaçãopara construção
da Intranet
![Page 2: Manual para Intranet](https://reader030.vdocuments.site/reader030/viewer/2022020722/568c4c8d1a28ab4916a0992d/html5/thumbnails/2.jpg)
Í N D I C E
1. Apresentação da home
2. Padrões
3. Iconografia
1
3
5
3. Menus
5. Banner em flash
6. Botão serviços externos
1. Fontes
2. Fotos
4. Botões
![Page 3: Manual para Intranet](https://reader030.vdocuments.site/reader030/viewer/2022020722/568c4c8d1a28ab4916a0992d/html5/thumbnails/3.jpg)
1. Apresentação da home
Visualização da home da Intranet Elektro
Mapa de acesso à da I home ntranet Elektro
Manual de orientação para construção da Intranet Elektro 1
Home | A Empresa | Instituto Elektro | Educação Corporativa | Serviços de RH | Mapa do Site
Pesquisa:OK
No nonon nono nononon no nonono nono nononononon nonon nono nononon no nonono nono nonononononÚltimas Notícias
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud
ACESSO
Usuário
Senha
OK
Leia mais... +
Leia mais... +Administrativo
Agenda de Eventos
Canal Aberto
Classificados
Documentação Corporativa
e-Manager
Expresso Elektro
Jornal Mural
Learning Center / Biblioteca
TV Elektro
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud
Notícias
Bancos
Previsão do Tempo
Fitness
Cardápio
Operação e Atendimento
Engenharia On-line
Leia mais... +
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud
Endereços úteis
Pesquisa da Quinzena
MÁX.
MÍN.
CHUV
31 ºC
15 ºC
0 mm
SEX-10/08
Sexta-10/08Ubatuba-SP
Conheça o maior projeto desegurança da Elektro
para a população.
PONTOELETRÔNICO
RecrutamentoInterno
Home | A Empresa | Instituto Elektro | Educação Corporativa | Serviços de RH | Mapa do Site
banners
bannerem flash
área de busca
área de acessoa serviços externos(notícias, bancos,previsão do tempo,endereços úteis e pesquisa da quinzena)
menu deacesso aserviçosinternos
menu principal
área de login parapáginas restritas
área de acessoàs Últimas Notícias
área de acesso comdestaque por iconografia
área de acessoàs notícias
display rotativo parainformações diversas
Estes serviçosestão sujeitosa mudançasde acordocom o usuáriologado
![Page 4: Manual para Intranet](https://reader030.vdocuments.site/reader030/viewer/2022020722/568c4c8d1a28ab4916a0992d/html5/thumbnails/4.jpg)
Mapa de construção da home da Intranet Elektro
2
Home | A Empresa | Instituto Elektro | Educação Corporativa | Serviços de RH | Mapa do Site
área de cadastro
área de cadastro
775 pixels
10
0 p
ixe
ls
141 pixels 141 pixels 141 pixels
170 pixels
180 pixels
13
3 p
ixe
ls
26 pixels
66 pixels
25 pixels
155 pixels
Usuário
Senha
ACESSO
Pesquisa:
Últimas Notícias 32 pixels
113 pixels
10
0 p
ixe
ls
Display rotativo
link para confirmaçãode cadastro
link para páginaÚltimas Notícias
área de pesquisabotão com açãode pesquisas
37
0 p
ixe
ls
26 pixels
141 pixels
80 pixels
57
pix
els 1
23
pix
els
12
3 p
ixe
ls1
23
pix
els
113 pixels
Manual de orientação para construção da Intranet Elektro
![Page 5: Manual para Intranet](https://reader030.vdocuments.site/reader030/viewer/2022020722/568c4c8d1a28ab4916a0992d/html5/thumbnails/5.jpg)
2. Padrões
fonte texto informativo: arial, 8pt, cor hex= 99,99,99fonte link: arial, 8pt, cor hex= 00,00,FF
1. Fontes
2. Fotos
57 p
ixels
Todas as fotos devem estar aplicadas em molduras nas medidas acima descritas.
3
80 pixels
3 r
3. Menus
Os botões localizados no início e no fim dos menus de serviços internos devem ter as extremidades arredondadas.
Administrativo
Agenda de Eventos
Operação e Atendimento
Engenharia On-line
Home | A Empresa | Instituto Elektro | Educação Corporativa | Serviços de RH | Mapa do SiteHome | A Empresa | Instituto Elektro | Educação Corporativa | Serviços de RH | Mapa do Site
O menu principal é composto por botões de texto sobre uma barra única, conforme o exemplo abaixo.
2 r
largura 165 pixels
19
pix
els
Manual de orientação para construção da Intranet Elektro
![Page 6: Manual para Intranet](https://reader030.vdocuments.site/reader030/viewer/2022020722/568c4c8d1a28ab4916a0992d/html5/thumbnails/6.jpg)
4
Pesquisa da Quinzena
Conheça o maior projeto desegurança da Elektro
para a população.
As informações e o acabamento gráfico do banner em flash localizado na home variam de acordo com as campanhas em vigência na empresa (Mas devem ser mantidas as proporções apresentadas neste manual).
Obs.: Nos botões de acesso a serviços externos as circunferências inferiores são maiores do que as superiores.
5 r
5. Banner em Flash
6. Botão serviços externos
3 r
60 p
ixels
77 pixels
2 r
4. Botões
largura variável
25 p
ixels
Home | A Empresa | Instituto Elektro | Educação Corporativa | Serviços de RH | Mapa do Site
Botões do menu principalFCor gradiente hex=B0B0AE para hex=DDDCD8
onte arial bold, 7pt, cor hex=00,00,00
Agenda de Eventos
largura 165 pixels
19
pix
els
FCor gradiente hex=B0B0AE para hex=DDDCD8
onte arial bold, 7pt, cor hex=00,58,A9
Canal Aberto
largura 165 pixels
19
pix
els
Botões do menu de acesso a serviços internos (superior)
Engenharia On line
largura 165 pixels
19
pix
els
FCor gradiente hex=009ED4 para hex=0B6CB3
onte arial bold, 7pt, cor hex= FF,FF,FF
Botões do menu de acesso a serviços internos (inferior)
Fitness
largura 165 pixels
19
pix
els
FCor hex=76C5F0
onte arial bold, 7pt, cor hex=00,58,A9
FCor gradiente hex=067BC1 para hex=03488B
onte arial bold, 7pt, cor hex=FF,FF,FF
Manual de orientação para construção da Intranet Elektro
![Page 7: Manual para Intranet](https://reader030.vdocuments.site/reader030/viewer/2022020722/568c4c8d1a28ab4916a0992d/html5/thumbnails/7.jpg)
3. Iconografia
5
Veja abaixo alguns ícones, os locais onde se encontram e seus significados.
Apenas na Home,acessa o Ponto Eletrônico.PONTO
ELETRÔNICO
RecrutamentoInterno
Apenas na Home, acessa aprogramação do programa Estar Bem.
Apenas na Home,acessa o Recrutamento Interno.
Manual de orientação para construção da Intranet Elektro
![Page 8: Manual para Intranet](https://reader030.vdocuments.site/reader030/viewer/2022020722/568c4c8d1a28ab4916a0992d/html5/thumbnails/8.jpg)