Oficial

Fernanda Lima

Veja o Site

Design responsivo

Fernanda Lima dispensa apresentações, mas se você vem de Marte, vamos lá: com mais de 20 anos de carreira ela já trabalhou como apresentadora, jornalista, modelo e atriz. Ela também é sócia fundadora de um restaurante mundialmente premiado, o Maní.

Criar um site à altura de tal personalidade é sempre um verdadeiro desafio.

Para o design, trabalhamos o conceito de “revista digital” inspirado pela estética de editoriais, tão específicos ao universo de Fernanda.

A partir de um estudo de ergonomia/UX e de conteúdo/UI, definimos uma navegação que atenda tanto as necessidades de fãs, quanto de jornalistas e profissionais do mercado. Nosso objectivo: cada um deles tinha que acessar ao conteúdo desejado em no máximo três cliques, seja em um celular, em um tablet ou em um desktop.

Assim, o usuário pode acessar as últimas notícias da apresentadora logo na primeira página, ou mergulhar em sua biografia, ou em sua galeria através de um menu simplificado e acessível a qualquer momento.

Oficial – Site Schema
Oficial – Site Wireframe (Homepage)
Oficial – Site Wireframe (Biography Page)

Technologia

Fernanda queria que seu website refletisse todas suas facetas, através de sua impressionante coleção de fotos. Sabíamos que o website seria cheio de imagens desde o início, então optamos por trabalhar com as tecnologias mais avançadas, nesse caso o atributo srcset e elemento picture do esquema de imagens responsivas, permitindo-nos, assim, uma imagem com tamanho perfeito em qualquer device ou resolução.

 

Nosso objetivo técnico mais importante foi performance e capacidade de manutenção, tanto para o usuário final quanto para a classificação SEO. Para obter isso, usamos SVG sempre que necessário, Javascript modular, entrega otimizada de assets através de carregamento de recursos assíncrona e compressão. Também nos utilizamos de um grupo de ferramentas baseado em Grunt que inclui Sass como o pré-processador de CSS para maior capacidade de manutenção.

Oficial – Website Home (Desktop Browser)
Oficial- Website Biography (iPad)
Oficial- Website Gallery (iPad)