MUF #30: O layout do Café Colombo
Publicado em 24.10.2006 na categoria Design
Depois das tentativas frustradas, acabei encontrando o caminho para o layout do Café Colombo com um topo bem simples que conseguiu agregar todos os elementos previstos no wireframe. Mantive o bege para facilitar a leitura e usei a Georgia como fonte principal, com alguns itens em Verdana.
Essa foi a versão apresentada ao cliente. A equipe do programa gostou bastante do visual. Só pediram para eu aumentar um pouco a logomarca, o que fiz já no HTML junto com a retirada do reflexo, que ficou hype demais para o meu gosto.
Se comparamos com o wireframe anteriormente aprovado da home, podemos observar que a interface foi seguida quase à risca. As principais mudanças foram a substituição da combo dos programas anteriores por links simples e a redução dos posts do blog para aparecer apenas o mais recente.
Um detalhe interessante veio do fato de entre a etapa de arquitetura de informação e a de design eu ter coletado o conteúdo. Durante a coleta, percebi que a seção de artigos poderia ter um destaque maior do que o previsto nos wireframes e acabei subindo a seção para pegar a coluna principal inteira, com maior visibilidade.
Com o layout aprovado, parti para codificar as imagens em páginas XHTML 1.0 Strict e CSS usando web standards. E este é o tema do próximo post do reality show Meu Último Freela.
Eu gostei… a minha filha número 3 também gostou :)
Muito bom. O layout ficou bem clean, agradável para uma leitura prolongada, e bastante é fácil de “se localizar” dentro dele.
Gostei mais do que os esboços anteriores. ;)
Muito bom, o layout ficou ótimo.
Ficou muito bom!! Gosto da combinação das várias cores.
Ficou mto legal o layout… parabéns!
Ficou excelente Walmar. As cores foram muito bem escolhidas e ficou bem fácil “caminhar” dentro da página com um olhar rápido. As informações ficaram muito bem arquitetadas.
Esses wireframes são realmente poderosos né?
Parabéns e grande abraço!
Também gostei muito. Ficou Show. Parabéns.
Walmar, cada dia que entro no seu blog aprendo uma coisa nova. Meu parabéns, seu blog é um dos únicos que traz sua funcionalidade, ser um blog de verdade.
A respeito do layout do site, e seu desenvolvimento, achei perfeito, muito legal. E o resultado final ficou melhor ainda.
Parabéns Walmar, continue com o ótimo trabalho!
Abraços
Ficou Legal kra. :)
Conterrâneo do Nordeste.
Muito bom. O conjunto ficou bem harmônico. Agora chegou a parte legal… Boa sorte no restante do projeto!
Gostei bastante! Gosto de layouts mais limpos como este. Deixam a leitura bastante confortável.
A propósito: vc usa algum software especial para a montagem dos wireframes?
Sucesso com o site!
Olá Walmar,
gostaria de saber quando vai estar disponivel o restante do MUF. vc parou e nao posta mais estamos na expectativa de ver o desfecho do mesmo.
abraço,
Rogerio
“Logomarca”?
Logo se vê que é Jornalista fazendo Design.
Quando irá postar os últimos capitulos do MUF.
Estamos aguardando você concretizar o que foi prometido a nós, seus leitores.
Olá Adriano,
Eu tenho uma novidade muito legal sobre o MUF, que completa e amarra melhor essa “saga”. Só não posso adiantar o que é para não estragar a surpresa. Os leitores terão que esperar até agosto :)
Cara Parabéns pelos posts da MUF eu lir todos.