Pular navegação e ir para o conteúdo

Sobre
Na web
Literatura
Blog
Wenetus
Projetos
SX Brasil
Blá blá blá
Exibir/ocultar menu

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.

Tela

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.

Wireframe da home do Café Colombo

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.

16 Comentários

  1. Imagem do autor do comentário
    Rodrigo Muniz

    Eu gostei… a minha filha número 3 também gostou :)

  2. Imagem do autor do comentário
    Jader Rubini

    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. ;)

  3. Imagem do autor do comentário
    Virgínia

    Muito bom, o layout ficou ótimo.

  4. Imagem do autor do comentário
    Ivo Gomes

    Ficou muito bom!! Gosto da combinação das várias cores.

  5. Imagem do autor do comentário
    Rogério Morais

    Ficou mto legal o layout… parabéns!

  6. Imagem do autor do comentário
    André Valongueiro

    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!

  7. Imagem do autor do comentário
    Roberto Machado

    Também gostei muito. Ficou Show. Parabéns.

  8. Imagem do autor do comentário
    Eugenio Grigolon

    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

  9. Imagem do autor do comentário
    Alex Leão

    Ficou Legal kra. :)
    Conterrâneo do Nordeste.

  10. Imagem do autor do comentário
    Wagner Rodrigues

    Muito bom. O conjunto ficou bem harmônico. Agora chegou a parte legal… Boa sorte no restante do projeto!

  11. Imagem do autor do comentário
    Cadu de Castro Alves

    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!

  12. Imagem do autor do comentário
    Rogerio

    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

  13. Imagem do autor do comentário
    Putzgrilla

    “Logomarca”?

    Logo se vê que é Jornalista fazendo Design.

  14. Imagem do autor do comentário
    Adriano Santos

    Quando irá postar os últimos capitulos do MUF.
    Estamos aguardando você concretizar o que foi prometido a nós, seus leitores.

  15. Imagem do autor do comentário
    Walmar Andrade

    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 :)

  16. Imagem do autor do comentário
    fabiojanga

    Cara Parabéns pelos posts da MUF eu lir todos.

Assine o feed dos comentários deste post

Comente