Virgula / Jovem PanVirgula

Grande portal de conteúdo e entretenimento voltado para o público jovem. A elaboração do novo site tinha como objetivo simplificar a publicação de conteúdo e permitir mais integração com as redes sociais. Uso de CSS para a identificação das seções, relacionamento de conteúdo através de tags, rankings de notícias e múltiplas possibilidades de compartilhamento. As homepages seguem uma estrutura modular, que permite maior mobilidade do conteúdo e melhores ações comerciais.

Great entertainment portal aimed at young audiences. The main goal of the new site was to streamline content publishing and allow more integration with social networks. CSS was used to identify different information, content was linked through tags, news rankings were created and multiple sharing possibilities were designed. All pages respect a modular structure that allows greater content mobility and better comercial practices.

arquitetura de informação, webdesign
Arquitetura de Informação, design de interface, design de interação

Home da seção (Diversão) / Section homepage (Entertainment)

Homepage

Home de seção (Esportes) / Section homepage (Sports)

Home de seção (Lifestyle) / Section homepage (Lifestyle)

Home de seção (Música) / Section homepage (Music)

Página de matéria (Música) / Article page (Music)

Álbum de fotos (Música) / Photo album (Music)

Detalhamento da home / Homepage details

Detalhamento da home de seção (Música) / Section homepage details

Detalhamento da página de matéria / Article page details

Detalhamento do álbum de fotos / Photo album details

Detalhamento de estilo (CSS) / CSS details

Detalhamento dos módulos da home / Homepage modules details

Storyboard para ações na página de matéria / Article page interaction details

Wireframe da home / Homepage wireframe

Wireframe da página de matéria / Article page wireframe

Wireframe do álbum de fotos / Photo album wireframe

Especificações de formatos / Image formats