A responsive website layout requested by the local Traffic Security Board, who also requested another job. It's already running and having minor code fixes, check it out here. I dare to say it was a bit challenging (although not as challenging as it is for the developing team), since it has lots of info right at its home page and it's supposed to fit any screen size, whether it's mobile or HD.
Um layout para site responsivo requisitado pelo Detran-RS, do mesmo projeto de personagens. Já está funcionando e recebendo pequenas correções de código, confira aqui. Me atrevo a dizer que foi um pouco desafiador (embora não tanto quanto está sendo para o time de desenvolvimento), já que tinha muita informação na página principal e ela deveria encaixar em qualquer tamanho de tela, tanto em telas mobile quanto HD.
Wireframe studies. Besides fitting everything they found interesting at the home page I also had to deal with collums of informations. Wider resolutions get three, but to tablets I'd have go with two, and phones just one. Questions like "how would I decide which of two equally important infos comes first?" started to come up.
Estudos de wireframe. Além de encaixar tudo o que eles achavam interessante na página principal, ainda tive que lidar com colunas de informações. Resoluções maiores têm três, em tablets teria que ficar só com duas, e celulares com apenas uma. Questões tipo "como vou decidir qual entre duas informações igualmente importantes deve aparecer primeiro?" começaram a surgir.
Estudos de wireframe. Além de encaixar tudo o que eles achavam interessante na página principal, ainda tive que lidar com colunas de informações. Resoluções maiores têm três, em tablets teria que ficar só com duas, e celulares com apenas uma. Questões tipo "como vou decidir qual entre duas informações igualmente importantes deve aparecer primeiro?" começaram a surgir.
Their logo and the color palette: orange, grayscale.
O logo e a paleta de cores: laranja, tons de cinza.
O logo e a paleta de cores: laranja, tons de cinza.
As I said before, I have this personal issue with white backgrounds. This time, I decided I'd make the background based in stripes.
Como eu já havia dito antes, eu tenho essa oposição pessoal com fundos brancos. Dessa vez, optei por usar um background totalmente baseado em linhas.
Tablet!
Mobile! Since Facebook and Twitter would take too much space, I created banners that would redirect the user to the pages.
Mobile! Já que o Facebook e o Twitter tomariam muito espaço, criei banners que redirecionariam o usuário para as páginas.
Mobile! Já que o Facebook e o Twitter tomariam muito espaço, criei banners que redirecionariam o usuário para as páginas.
