Two Dots Symbol

Ci.CLO Website

Um agregador da multiplicidade de projetos produzidos pela plataforma artística Ci.CLO.

Composição dos layouts em desktop e mobile.
Cliente
Ci.CLO: Plataforma de Fotografia
URL
https://ciclo.art
Input

Repensar o posicionamento digital da plataforma Ci.CLO.

Output

Design e desenvolvimento do front-end do site.

Introdução

O website desenhado e desenvolvido para a Ci.CLO serve como agregador para os vários projetos desenvolvidos pela plataforma.

A plataforma Ci.CLO dedica-se ao desenvolvimento e fomentação de práticas artísticas com forte raiz na fotografia. Deste modo o website foi concebido tendo a imagem fotográfica como núcleo de toda a experiência.

A página principal é seccionada por projectos, com activação de certos elementos no interface
Página Principal

A página principal divide-se em 4 secções: uma breve introdução da Ci.CLO e seguida dos seus 3 projetos nucleares.

Em simultâneo, há duas camadas—textual e imagética—com uma película semi-opaca entre estas duas. A ideia aqui é tornar o diálogo entre texto e imagem uma constante durante o scroll, definindo o projeto tanto pela descrição como pela seleção de fotografias.

Comutação entre a camada de imagética e textual.
Visualização dos projectos relevantes à Ci.CLO no rodapé
Índice de Projectos

Pensamos esta página tendo em conta a escabilidade da quantidade de projetos promovidos e criados pela Ci.CLO. Neste sentido a página permite uma grande flexibilidade na quantidade de conteúdo adicionado, sendo a imagem o principal destaque ao longo da página.

O título de cada projeto mantêm-se fixo de maneira a contextualizar a imagem do mesmo
Detalhe do Projecto

O núcleo da Ci.CLO são os projetos desenvolvidos e promovidos por esta. O modelo desenhado para esta página teve como principal intenção apresentar com claridade e síntese cada projeto.

Slideshow com imagens do projeto

Espaço para a fotografia

O slideshow reage à cor dominante na fotografia apresentando um terreno cómodo e amistoso à exposição de cada material.

Sumário de projeto

A apresentação de cada projeto é feita tanto por informação detalhada, como por secções que o sintetizam. Isto permite retratar o projeto de forma mais abrangente.

Slide Textual

Pontos essenciais do projeto são dispostos por um slide. Com este interface criámos uma separação evidente entre tópicos, permitindo uma rápida identificação de pontos de interesse.

Sobre

Esta página pretende sintetizar o posicionamento da Ci.CLO a partir da utilização de diversas interfaces comunicativas. O layout destaca frases-chave e as imagens ilustram a experiência que ocorre nos projetos promovidos pela plataforma.

Flow da da galeria
Interação que apresenta as notícias

Contactos

Quer colaborar?
Contacte-nos através do hello@plana.digital.