Tela de Login Aplicativos Oi

Essa tela de login é um canal de convergência para vários sistemas web diferentes. Para evitar que o usuário tivesse que entrar em várias páginas diferentes e logar individualmente em cada uma delas, criamos essa página única onde o login será feito uma vez e o usuário terá acesso a todos os aplicativos liberados para o seu perfil. A página foi criada seguindo as boas práticas da W3C e com um sistema de feedback para o usuário. Mais uma vez foram utilizados HTML5, CSS3 e JS.

O conceito do imagem da tela se fundamenta no design dos botões do ícone na parte interna do sistema. No artigo a baixo você poderá visualizar um Demo da parte interna do sistema!

Veja imagem ampliada

Tela de Login – Aplicativos Oi (clique para ampliar)

Tela de Aplicativo Web

A Digicade atende a Oi com vários sistemas e aplicativos de gestão e BI, então para facilitar a vida dos usuários desenvolvemos um portal de aplicativos, onde ao logar o usuário poderá utilizar os aplicativos liberados para o seu perfil. Assim não é preciso entrar manualmente em cada um dos sistemas para fazer o login individualmente.

Mas o mais legal dessa tela é que ela foi baseada na interface mobile, e ela permite ao usuários organizar os ícones dos sistemas, por ordem alfabética, por ordem de acesso (tipo os mais acessados ficam em primeiro lugar), ou ainda existe a possibilidade de organizar os ícones manualmente, igual os smartphones mais modernos!

O sistema foi feito em HTML5, CSS3, JS e jQuery, vale a pena dar uma conferida e brincar um pouco!

Demo da tela funcionando.

(OBS: O demos está funcionando parcialmente, pois parte da programação é gerada de forma dinâmica pelo sistema.)

Tela dinâmica com Aplicativos

Mensagem para o Dia das Crianças 2012

Mensagem de circulação interna em comemoração ao Dia das Crianças 2012 na Digicade. O trabalho é uma composição entre vetores e bitmaps. Peça simples, mas com um resultado bem legal!

Mensagem para o Dia das Crianças 2012

Mensagem para Dia dos Pais 2012 – Digicade

Cartão de Dia dos Pais publicado na intranet da empresa parabenizando todos os Papais da Digicade. Trabalho feito em composição de vetores e arte final do céu feita no Photoshop.

Mensagem para o Dia dos Pais 2012

Mensagem dia das Mães Digicade!

Em homenagem ao dia das mães fiz esse cartão que sera entregue as mães que fazem parte da empresa e também será divulgado em nossa intranet. A direção de arte foi do Mário Quintana rsrs, na verdade usei a mensagem do poema dela para fazer a criação. A montagem fui simples usando vetores e photoshop, a impressão será em couche 300 4×1 cores. Espero que as mamães gostem!

Mensagem dia das mães 2012

Mensagem de Páscoa para Digicade

Nessa Páscoa fiz uma mensagem simples para ser publicada na intranet da empresa. Fiz toda a composição no Photoshop, incluindo o Sol e o Céu que foram feitos do zero. Feliz Páscoa para todos!

Mensagem de Pascoa para Digicade

Mensagem Dia das Mulheres 2012

Mensagem desenvolvida para ser publicada na intranet da empresa em comemoração ao Dia das Mulheres 2012. É uma mensagem simples feita 100% em vetor. A composição ficou agradável, feminina e representa bem a mensagem do texto. Espero que gostem.

Mensagem Dia da Mulher 2012

Tela de Login Sistema GeoSys

Recentemente fiz esse nova tela de login para um dos sistemas da Digicade o GeoSys. O desenho da página foi todo feito e cortado no PhotoShop. A montagem é um HTML simples com CSS. Pela primeira vez usei a técnica de “sprite” para evitar dley no carregamento de imagens. Não foi muito complicado de fazer e o resultado é 100%.
Clique aqui para ver o preview da tela!

Tela do Sistema GeoSys

Mensagem de Natal de 2011

Com a correria do final de ano só hoje estou podendo postar a mensagem de Natal que fiz para a intranet da empresa. Segue a linha da mensagem do ano passado e o nosso pinheirinho 3D vai se consolidando! Espero que gostem a árvore foi feita em vetor e a montagem foi feita no PhotoShop.

Mensagem de Natal 2011

Banner promocional em Flash

Atualmente não tenho trabalhado muito com Flash, porém surgiu a oportunidade de fazer uma banner em Flash para uma promoção no site da Digicade.

Fiz uma montagem utilizando Photoshop para tratar a imagem e o céu, já no Flash fiz o vetor da turbina eólica e a animação.

Para ver o banner em ação acesse o a página: www.digicade.com.br/upgrade_autodesk.php

Banner em Flash