Rio em Cena
Uma jornada digital pela história do cinema brasileiro.
Uma experiência digital criada para existir antes, durante e depois da rota presencial.
Uma rota cultural formada por cinco pontos conectados pelo cinema brasileiro.
Rio em Cena é uma experiência digital que apresenta uma rota cultural no Rio de Janeiro formada por cinco pontos conectados à história do cinema brasileiro.
Cada ponto usa o vídeo como principal recurso narrativo, acompanhado de uma descrição do local e de uma seleção de filmes, séries e produções relacionados, incluindo obras reconhecidas internacionalmente como Ainda Estou Aqui e Central do Brasil.
O conteúdo também inclui links para o Globoplay, permitindo que os usuários continuem explorando as obras ao longo da rota. O site foi desenhado para funcionar tanto como uma experiência editorial acessada remotamente quanto como um guia responsivo usado durante a rota presencial.
Liderei o design de ponta a ponta, fui responsável pelo desenvolvimento front-end do projeto e dirigi e editei os vídeos que conduzem a narrativa de cada ponto.
- UX/UI Design
- Experience structuring
- Content organization
- Page architecture
- Information hierarchy
- Responsive design
- Prototyping
- Interactions and animations
- Front-end development
- Video direction and editing
- Handoff and implementation
Seis etapas da ideia à experiência entregue.
Cada etapa moldou o projeto entre estratégia, design e implementação, mantendo a narrativa consistente do primeiro esboço à rota ao vivo.
Definição da narrativa, dos objetivos da experiência e da relação entre cidade e cinema.
Organização do conteúdo dos cinco pontos em uma única história navegável.
Desenho de fluxos que funcionam tanto para a exploração remota quanto para o uso durante a rota presencial.
Construção de uma linguagem visual inspirada no cinema brasileiro, expressiva e legível.
Adaptação de cada componente para que a experiência funcione em movimento, em qualquer celular.
Desenvolvimento front-end, integração com os vídeos e validação em contexto.
Uma experiência criada para dois momentos de uso.
Os usuários podem acessar o site de qualquer lugar para conhecer a rota, assistir aos vídeos, descobrir os pontos e explorar as obras relacionadas.
Durante o Festival LED, os usuários podem usar o celular para seguir as cinco paradas, consumir o conteúdo e avançar pela rota.
Transformando conteúdos independentes em uma jornada contínua.
Sem uma estrutura clara, a experiência poderia se tornar apenas uma coleção de páginas, vídeos e links desconectados.
Como uma rota física de cinema poderia se tornar uma experiência digital que também pudesse ser seguida ao vivo pelo celular?
Conectar cinco lugares em uma única história.
Facilitar a navegação para quem utiliza o site durante o roteiro.
Colocar os vídeos no centro da experiência sem comprometer o desempenho ou a clareza.
Criar uma estética brasileira, colorida e expressiva sem comprometer a legibilidade.
Os vídeos guiam a história de cada ponto. A interface apoia a sua visualização em vez de competir com eles.
A informação precisa ser identificada rapidamente durante a rota.
Cada parada se sente parte de uma única jornada.
O site considera pessoas usando o celular enquanto caminham e se deslocam pela cidade.
Transformando cinco histórias em uma só experiência.
- 1Home
- 2Introdução de Rio em Cena
- 3Visão geral da rota
- 4Seleção do ponto
- 5Vídeo principal
- 6Contexto histórico
- 7Obras relacionadas
- 8Acesso ao Globoplay
- 9Próximo ponto
Introdução e entrada na experiência.
Visão geral das cinco paradas.
Conteúdo audiovisual e a história do local.
Produções relacionadas ao ponto.
Próxima parada ou retorno à rota completa.
Cinco pontos conectando cidade, memória e cinema.
Uma confeitaria histórica do centro do Rio, entrelaçada à memória cinematográfica da cidade.
Um icônico salão de leitura que serviu de cenário para produções brasileiras.
A central estação ferroviária imortalizada pelo filme de Walter Salles.
Os arcos símbolos da Lapa, palco recorrente do cinema e da música brasileira.
O coração histórico da cultura cinematográfica do Rio e o ponto final da rota.
Uma narrativa guiada por imagem, som e movimento.
Cada parada usa conteúdo audiovisual para apresentar o local, explicar sua importância e conectar o espaço físico à história do cinema brasileiro.
O player aparece como o elemento principal de conteúdo.
Textos curtos complementam a narrativa sem repetir o vídeo.
Após o vídeo, os usuários encontram as obras relacionadas e o próximo ponto.
O player mantém proporção, legibilidade e controles em diferentes tamanhos de tela.
O carregamento equilibra qualidade audiovisual e acesso mobile.
Uma linguagem visual para cultura, movimento e narrativa.
Uma jornada que conecta o Rio ao cinema brasileiro.
Percorreram a rota durante o Festival LED.
Todos os cinco pontos visitados durante a atividade.
Entrega responsiva para desktop e mobile.
O que este projeto me ensinou.
Rio em Cena mostrou como uma experiência digital pode conectar espaço físico, memória cultural e narrativa audiovisual. O principal desafio foi criar uma interface expressiva e imersiva que permanecesse clara e funcional quando usada no celular durante uma rota presencial.
Projetar para mobile não é apenas reorganizar elementos. É entender onde e como a experiência será usada.
Quando o vídeo conduz a história, os componentes e a navegação precisam apoiar a sua visualização.
Uma experiência pode ser colorida, cultural e dinâmica sem perder clareza, consistência ou legibilidade.
Rio em Cena
Cinco pontos. Muitas histórias. Uma jornada pelo cinema brasileiro.