manual para intranet

8
Manual de orientação para construção da Intranet

Upload: marco-matos

Post on 28-Mar-2016

232 views

Category:

Documents


1 download

DESCRIPTION

Manual desenvolvido por mim para padronização de layout para intranet.

TRANSCRIPT

Page 1: Manual para Intranet

Manual de orientaçãopara construção

da Intranet

Page 2: Manual para Intranet

Í 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

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

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

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

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

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