Oito modelos para o site da GEPRAX

Os oito têm o mesmo conteúdo, tirado da apresentação da GEPRAX, e as cores conversam com a marca: muda o visual e os efeitos de cada um. Abra cada um, no computador e no celular, role a página até o fim e diga qual prefere ou o que gostou em cada um.

a confirmar número ou dado que vocês precisam confirmar antes de ir ao ar
Fotos dos sócios: as de agora são ilustrativas, de banco de imagens; as verdadeiras entram quando chegarem
O formulário ainda não envia: é só demonstração
Quem desliga as animações no aparelho vê tudo pronto, sem movimento
Dentro de cada modelo, a barra embaixo passa para o próximo

Modelo 1Marinho institucional

O mais clássico: azul-marinho da família da marca, títulos com serifa e detalhes finos em dourado. Efeitos: o título entra linha por linha, os números contam, um fio dourado se desenha em cada seção e o cabeçalho fica mais enxuto ao rolar.

Abrir modelo 1 →

Modelo 2Azul GEPRAX

O mais fiel à marca: o azul da GEPRAX e os cortes em 45° do símbolo em botões e cartões. Efeitos: o símbolo se revela num corte diagonal, os sistemas (Transferegov, SIMEC...) entram um a um e cada bloco entra com uma cortina em 45°.

Abrir modelo 2 →

Modelo 3Editorial serifado

Cara de relatório de auditoria: fundo cor de papel, títulos grandes com serifa e detalhes no azul da marca. Efeitos: o prédio público se desenha sozinho, o título sobe linha por linha e os fios entre as seções se estendem ao rolar.

Abrir modelo 3 →

Modelo 4Sereno

Claro e arejado, com o azul da marca nos botões e fundos em azul-água bem suave (antes era verde-petróleo). Efeitos: o painel do topo marca uma a uma as 4 etapas do convênio, com os cartões em volta balançando de leve.

Abrir modelo 4 →

Modelo 5Método em etapas

Minimalista, em preto e branco, com o símbolo e o azul da marca nos detalhes. Efeitos: ao rolar, uma linha azul percorre as 4 etapas do trabalho e cada uma acende quando a linha chega nela.

Abrir modelo 5 →

Modelo 6Regional — Oeste catarinense

Creme e azul-ardósia, destacando a proximidade com a região. Efeitos: as curvas de nível se desenham, o pino de Guaraciaba cai no lugar e pulsa, e um esquema liga a sede, ponto a ponto, a cada município atendido.

Abrir modelo 6 →

Modelo 7Faixas corporativas

Faixas largas em azul-marinho, branco e cinza; passa porte de empresa grande. Efeitos: faixa corrida com os sistemas em que a GEPRAX trabalha, números que contam com um brilho e cartões que se inclinam com o mouse.

Abrir modelo 7 →

Modelo 8Contato em destaque

Feito para gerar contato: o formulário já aparece aberto na primeira tela. Efeitos: rótulos que sobem ao digitar, confirmação com um "check" desenhado ao enviar e o botão do WhatsApp pulsando de leve três vezes.

Abrir modelo 8 →